随机显示图片或者链接banner

 

如果你的主页中需要随机显示图片或者链接banner,你该怎么实现呢? 
下面是一个随机显示五条Banner的代码,你可以自己定义的。 
代码:
--------------------------------------------------------------------------------
<script language=javascript> 
var m
=5//共几个Banner随机显示 
var n=Math.floor(Math.random()*m+1
switch(n) 

case 1
document.write(
'Banner1的HTML'); 
break
case 2
document.write(
'Banner2的HTML'); 
break
case 3
document.write(
'Banner3的HTML'); 
break
case 4
document.write(
'Banner4的HTML'); 
break
case 5
document.write(
'Banner5的HTML'); 
break
}
 
</script> 

--------------------------------------------------------------------------------


  如果一些如广告类的图片上需要加入相应的连接呢?那么代码仍然大同小异:


代码:
--------------------------------------------------------------------------------
<SCRIPT LANGUAGE="javascript"> 
<!-- Begin 
var how_many_ads 
= 3
var now 
= new Date() 
var sec 
= now.getSeconds() 
var ad 
= sec % how_many_ads; 
ad 
+=1
if (ad==1
txt
="banner01"
url
="http://eesky.com"
alt
="banner01"
banner
="http://eesky.com/images/banner/webbanner1.jpg"
width
="778"
height
="160"
}
 
if (ad==2
txt
="banner02"
url
="http://eesky.com"
alt
="banner02"
banner
="http://eesky.com/images/banner/webbanner2.jpg"
width
="778"
height
="160"
}
 
if (ad==3
txt
="banner03"
url
="http://eesky.com"
alt
="banner03"
banner
="http://eesky.com/images/banner/webbanner3.jpg"
width
="778"
height
="160"
}
 
document.write(
'<center>'); 
document.write(
'<a href="' + url + '" target="_top">'); 
document.write(
'<img src="' + banner + '" width='
document.write(width 
+ ' height=' + height + ' '); 
document.write(
'alt="' + alt + '" border=0><br>'); 
document.write(
'<small>' + txt + '</small></a>'); 
document.write(
'</center>'); 
// End --> 
</SCRIPT> 



--------------------------------------------------------------------------------


  这个其实不是绝对的随机显示,是读取当时系统时间的秒,然后求余,模拟的一个随机显示,不明白为什么网上有好多用这种方法,钟钟不赞成这种方法,因为取一个真正的随机数并不难。别外,最好用switch语句,用N条if语句显得有点儿笨。
---------------------------------------------------------------------------------
又一个方法:
<script>
= 9// a=numbers of banners
var slump = Math.random();
var talet 
= Math.round(slump * (a-1))+1;
function create() 
{
this.under = ''
}

= new Array()
for(var i=1; i<=a; i++{ b[i] = new create() }
b[
1].under = '<font color="#FF0000"><b>[宣传]</b></font><a target="_blank" href="http://eesky.com";><font color="#FF0000"><b>:时讯极速搜索,欢迎网站登陆</b></font></a>'
b[
2].under = '<font color="#FF0000"><b>[竞拍]</b></font><a target="_blank" href="#";><font color="#FF0000"><b>:精彩贴图,不容错过,一起来贴吧!</b></font></a>'
b[
3].under = '<font color="#FF0000"><b>[宣传]</b></font><a href="http://www.eesky.com.com";><font color="#FF0000"><b>:第二届ChinaJoy 超多靓女,快来看!</b></font></a>'
b[
4].under = '<font color="#FF0000"><b>[宣传]</b></font><a href="http://eesky.com";><font color="#FF0000"><b>:每日软件更新,总可以下载到你需要的好东西</b></font></a>'
b[
5].under = '<font color="#FF0000"><b>[公告]</b></font><a href="#"><font color="#FF0000"><b>:深白水区灌水新政策</b></font></a>'
b[
6].under = '<font color="#FF0000"><b>[宣传]</b></font><a href="http://eesky.com"><font color="#FF0000"><b>:每日英文短篇,助你提高英文</b></font></a>'
b[
7].under = '<font color="#FF0000"><b>[娱乐]</b></font><a href="http://eesky.com"><font color="#FF0000"><b>:深白水区互动娱乐游戏大厅</b></font></a>'
b[
8].under = '<font color="#FF0000"><b>[娱乐]</b></font><a href="http://eesky.com"><font color="#FF0000"><b>:深白“寻宝时代”已经来临!</b></font></a>'
b[
9].under = '<font color="#FF0000"><b>[公告]</b></font><a href="http://eesky.com"><font color="#FF0000"><b>:展示一下你的QQ秀撒!!强烈推荐!!</b></font></a>'

document.write(b[talet].under);
</script>

posted @ 2007-01-06 23:13  海浪~~  阅读(421)  评论(0)    收藏  举报