图片随机轮换JS广告代码

        图片随机轮换JS广告代码,很多的时候我们需要在一个地方展示不同的广告,虽然Flash图片轮换可以达到所需要的效果。但Flash也是一幅播放完在播放另一幅,今天介绍一宽JS随机轮换广告代码。这种方法曾经Chinaz , Admin5这些网站上都用过,但后来不知什么原因没用了,网上也很少流传这种方法。

       演示效果:www.yziw.net  浏览游子网络的时候或许你并没有留意TOP 468x60 的广告位的内容,这个广告位用的就是图片随机轮换JS广告代码,非常简单的几段JS但实现了想要的效果。468x60广告位调用的是一个JS文件<script type="text/javascript" src="/images/js/indextop.js"></script>

        这是刷新后看到的随机轮换图片的效果。每浏览一个新页面就会自动轮换图片。

       图片随机轮换JS广告代码如下:

1、可以下载本站的<script type="text/javascript" src="/images/js/indextop.js"></script>JS文件打开里面设置成你的内容即可。

2、代码解析JS文件中代码如下

var p=3; 
var q=Math.floor(Math.random()*p+1) 
switch(q)
{

case 1:
document.writeln("<a href=http:\/\/www.yziw.net\/archives\/527.html target=_blank><img src=http:\/\/www.yziw.net\/\/images\/468x601.gif  border=0>");

break;
case 2:
document.writeln("<a href=http:\/\/yziw.taobao.com  target=_blank><img src=http:\/\/www.yziw.net\/\/images\/468x602.gif  border=0>");

break;
case 3:
document.writeln("<a href=http:\/\/item.taobao.com\/auction\/item_detail-db1-e9db110b38dccd65551bd17bb5e3ec96.htm  target=_blank><img src=http:\/\/www.yziw.net\/images\/468x603.gif  border=0>");

break;
}

代码中 var p=3; 意思是三幅图片轮换,如果你想要更多比如5幅,那就把3改为5然后重复循环case 3:同样把3改为4,再复制一个循环改为5即可。但对于同一广告位而言三幅就已经足够了,如果真要改更多自己变通一下就行。

case 4:
document.writeln("<a href=http:\/\/item.taobao.com\/auction\/item_detail-db1-e9db110b38dccd65551bd17bb5e3ec96.htm  target=_blank><img src=http:\/\/www.yziw.net\/images\/468x603.gif  border=0>");

break;
}

        以上这一段为一个循环单元,只要把里面的document.writeln链接和img src修改一下就可以使用了,为了书写容易推荐使用站长工具HTML源代码转换JavaScript代码工具把链接地址的HTML转换为JS。       

       看了仍不会改的朋友可以在下边留言。

最后编辑于:2010/5/10作者: 游子

热爱一切美好的新事物,搞网站也被网站搞,剁手折腾。关注与学习Web相关技术与UI\UE\UED\UCD\Server相关知识,服务器运维、前端、后端、非专业程序猿、非高级前端后端攻城师!

2 条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注

arrow grin ! ? cool roll eek evil razz mrgreen smile oops lol mad twisted wink idea cry shock neutral sad ???

  1. 漂泊金陵说道:
    1#

    你好游子,我用了上面的代码,每次需要刷新才可以换图片,而不是每打开一个新页面就会换的,请问是怎么回事?我的站www.asktanng.info

    • 游子说道:

      就是这种效果的,这是因为你的浏览器缓存问题。当别人浏览的时候就不会了。