本文通过一个例子讲述了用JavaScript实现多画面广告交替显示效果的代码。分享给大家参考。具体如下:
在这里,我们演示了JavaScript使多个横幅广告交替显示的效果。如果你的站很牛气,广告空间被占用,可以考虑让多个广告图片交替显示,链接也会相应改变。这是否为你节省了宝贵的广告空间?想法是好的,但不知道广告效果有没有那么好,需要实验。
运行效果截图如下:
在线演示地址如下:
http://demo.jb51.net/js/2015/js-npic-cha-adv-style-codes/
具体代码如下:
Htmlheadtitle图片广告备选/标题脚本语言=' JavaScript '类型=' text/JavaScript '!- var urlArray=新数组(3);var banArray=新数组(3);var计数器=1;var URL='//www . JB 51 . net/';//初始URL array[0]='//www . JB 51 . net/';URL array[1]=' http://www . Baidu.com/';URL array[2]=' http://www . 163.com/';if(document . images){ for(I=0;I 3;i ) { banArray[i]=新图像(200,60);巴纳雷[我]。src='images/wall_s' (i 1)'。jpg ';} } function ChangeBanner(){ if(counter 2)计数器=0;document . banner . src=Banarray[counter]。src//设置新的横幅URL=urlArray[计数器];计数器;} var timer=window . setinterval(' change banner()',3000);/////script/header dya href=' # ' OnClick=' window . open(URL,' banner win ');'img src=' http : images/wall _ S1 . jpg ' width=200 height=60 border=0 name=' banner '/a/body/html希望这篇文章对javascript编程有所帮助。