通过代码实现网页每次展示图片都不一样。
侵删转自:哈密站长网
Java Script实现的图片随机切换代码,即每次刷新网页显示不同的图片,大家也许见过这样的特效,运行用了JavaScript中的时间函数now.getSeconds()编写而成,并非是使用了Random随机函数,供大家参考和学习。
示例代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>图片随机切换代码演示</title>
</head>
<BODY>
<script language="JavaScript">
var VeryHuo = 5
var now = new Date()
var sec = now.getSeconds()
var ad = sec % VeryHuo;
ad +=1;
if (ad==1){
url="#";
alt="ad1";
banner="/uploads/common/images/wall1.jpg";
width="440";
height="230";
}
if (ad==2) {
url="#";
alt="ad2";
banner="/uploads/common/images/wall2.jpg";
width="440";
height="230";
}
if (ad==3) {
url="#";
alt="ad3";
banner="/uploads/common/images/wall3.jpg";
width="440";
height="230";
}
if (ad==4) {
url="#";
alt="ad4";
banner="/uploads/common/images/wall4.jpg";
width="440";
height="230";
}
if (ad==5) {
url="#";
alt="ad5";
banner="/uploads/common/images/wall5.jpg";
width="440";
height="230";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_blank\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('</center>');
--></script>
<br /><br /><br /> Veryhuo.COM提示:刷新一下看看!
</BODY>
</HTML><div style="text-align:center;margin:30px 0 0 0;"><hr style="color:#999;height:1px;">如不能显示效果,请按Ctrl+F5刷新本页,更多网页代码:<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></div>
右侧搜索框随机图片
<div id="AD1">
<div id="float" class="float">
<section id="custom_html-4" class="widget_text widget widget_custom_html">
<form action="https://www.baidu.com/s?" target="_blank" id="tsf" method="GET" autocomplete="off">
<input type="text" x-webkit-speech="" onfocus="if (this.value == '百度搜 输入内容 回车搜') {this.value = '';}" onblur="if (this.value == '') {this.value = '百度搜 输入内容 回车搜';}" value="百度搜 输入内容 回车搜" name="q1" "="" />
</form>
<br/>
<form action="https://weixin.sogou.com/weixin?" target="_blank" id="tsf" method="GET" autocomplete="off">
<input type="text" x-webkit-speech="" onfocus="if (this.value == '搜微信 输入内容 回车搜') {this.value = '';}" onblur="if (this.value == '') {this.value = '搜微信 输入内容 回车搜';}" value="搜微信 输入内容 回车搜" name="query" "="" />
</form>
<br/>
<form action="https://s.weibo.com/weibo?" target="_blank" id="tsf" method="GET" autocomplete="off">
<input type="text" x-webkit-speech="" onfocus="if (this.value == '搜微博 输入内容 回车搜') {this.value = '';}" onblur="if (this.value == '') {this.value = '搜微博 输入内容 回车搜';}" value="搜微博 输入内容 回车搜" name="q" "="" />
</form> <br/>
<form action="https://v.sogou.com/v?" target="_blank" id="tsf" method="GET" autocomplete="off">
<input type="text" x-webkit-speech="" onfocus="if (this.value == '搜视频 输入内容 回车搜') {this.value = '';}" onblur="if (this.value == '') {this.value = '搜视频 输入内容 回车搜';}" value="搜视频 输入内容 回车搜" name="query" "="" />
</form> <br/>
<form action="https://biz.finance.sina.com.cn/suggest/lookup_n.php?" target="_blank" id="tsf" method="GET" autocomplete="off">
<input type="text" x-webkit-speech="" onfocus="if (this.value == '搜股票 输入内容 回车搜') {this.value = '';}" onblur="if (this.value == '') {this.value = '搜股票 输入内容 回车搜';}" value="搜股票 输入内容 回车搜" name="q" "="" />
</form> <br/>
<form action="https://www.qichacha.com/search?" target="_blank" id="tsf" method="GET" autocomplete="off">
<input type="text" x-webkit-speech="" onfocus="if (this.value == '搜企业 输入内容 回车搜') {this.value = '';}" onblur="if (this.value == '') {this.value = '搜企业 输入内容 回车搜';}" value="搜企业 输入内容 回车搜" name="key" "="" />
</form> <br/>
<div style="text-align:center;margin-bottom:-3px;">
<script language="JavaScript">
var VeryHuo = 5
var now = new Date()
var sec = now.getSeconds()
var ad = sec % VeryHuo;
ad +=1;
if (ad==1){
url="http://cpuck.com/cs/";
alt="ad1";
banner="http://cpuck.com/wxm/img/tmcs233.png";
width="100%";
height="100%";
}
if (ad==2) {
url="http://cpuck.com/ly";
alt="ad2";
banner="http://cpuck.com/wxm/img/tc.png";
width="100%";
height="100%";
}
if (ad==3) {
url="http://cpuck.com/hc";
alt="ad3";
banner="http://cpuck.com/wxm/img/dy12306.png";
width="100%";
height="100%";
}
if (ad==4) {
url="http://cpuck.com/book/";
alt="ad4";
banner="http://cpuck.com/wxm/img/dybook.png";
width="100%";
height="100%";
}
if (ad==5) {
url="http://cpuck.com/alyf";
alt="ad5";
banner="http://cpuck.com/wxm/img/dyalyf.png";
width="100%";
height="100%";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_blank\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('</center>');
</script>
</div>
</section>
</div>
</div>