JavaScript實(shí)現(xiàn)的多個(gè)圖片廣告交替顯示效果代碼
本文實(shí)例講述了JavaScript實(shí)現(xiàn)的多個(gè)圖片廣告交替顯示效果代碼。分享給大家供大家參考。具體如下:
這里演示JavaScript讓多個(gè)Banner圖片廣告交替顯示的效果,如果你的站很牛,廣告位被占滿了,你可以考慮讓多個(gè)圖片廣告輪番交替顯示,鏈接也跟著變,這樣是不是為你節(jié)省了寶貴的廣告位?思路是好,但不知道廣告效果是不是也一樣好,這就需要實(shí)驗(yàn)了。
運(yùn)行效果截圖如下:
在線演示地址如下:
http://demo.jb51.net/js/2015/js-npic-cha-adv-style-codes/
具體代碼如下:
<html> <head> <title>圖片廣告交替顯示</title> <script language="JavaScript" type="text/JavaScript"> <!-- var urlArray = new Array(3); var banArray = new Array(3); var counter = 1; var url = "http://www.dbjr.com.cn/"; //initial URL urlArray[0] = "http://www.dbjr.com.cn/"; urlArray[1] = "http://www.baidu.com/"; urlArray[2] = "http://www.163.com/"; if(document.images) { for(i = 0; i < 3; i++) { banArray[i] = new Image(200, 60); banArray[i].src = "images/wall_s" + (i+1) + ".jpg"; } } function changeBanner() { if(counter > 2) counter = 0; document.banner.src = banArray[counter].src; //sets a new banner url = urlArray[counter]; counter++; } var timer = window.setInterval("changeBanner()", 3000); //--> </script> </head> <body> <a href="#" onClick="window.open(url,'BannerWin');"> <img src="images/wall_s1.jpg" width=200 height=60 border=0 name="banner"></a> </body> </html>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
- 用javascript實(shí)現(xiàn)的仿Flash廣告圖片輪換效果
- 對(duì)聯(lián)廣告js flash激活
- 基于javascript實(shí)現(xiàn)全屏漂浮廣告
- JavaScript仿商城實(shí)現(xiàn)圖片廣告輪播實(shí)例代碼
- JS實(shí)現(xiàn)可關(guān)閉的對(duì)聯(lián)廣告效果代碼
- js實(shí)現(xiàn)網(wǎng)站最上邊可關(guān)閉的浮動(dòng)廣告條代碼
- js實(shí)現(xiàn)拉幕效果的廣告代碼
- JS實(shí)現(xiàn)彈性漂浮效果的廣告代碼
- js漂浮廣告實(shí)現(xiàn)代碼
- flash+jQuery實(shí)現(xiàn)可關(guān)閉及重復(fù)播放的壓頂廣告
- 基于jQuery的仿flash的廣告輪播
- js+flash實(shí)現(xiàn)的5圖變換效果廣告代碼(附演示與demo源碼下載)
相關(guān)文章
JavaScript hasOwnProperty() 函數(shù)實(shí)例詳解
hasOwnProperty()函數(shù)用于指示一個(gè)對(duì)象自身(不包括原型鏈)是否具有指定名稱的屬性。下面通過(guò)本文給大家分享JavaScript hasOwnProperty() 函數(shù)實(shí)例講解,感興趣的朋友一起看看吧2017-08-08學(xué)習(xí)JavaScript編程語(yǔ)言的8張思維導(dǎo)圖分享
這篇文章主要介紹了學(xué)習(xí)JavaScript編程語(yǔ)言的8張思維導(dǎo)圖分享,本文給出了javascript變量、javascript運(yùn)算符、javascript數(shù)組、javascript流程語(yǔ)句、javascript字符串函數(shù)、javascript函數(shù)基礎(chǔ)、javascript基礎(chǔ)DOM操作、javascript正則表達(dá)式的思維導(dǎo)圖,需要的可以參考下2015-03-03JS實(shí)現(xiàn)字符串去重及數(shù)組去重的方法示例
這篇文章主要介紹了JS實(shí)現(xiàn)字符串去重及數(shù)組去重的方法,涉及javascript針對(duì)字符串與數(shù)組的遍歷、判斷、刪除、添加等相關(guān)操作技巧,需要的朋友可以參考下2018-04-04js前端URL含有特殊字符的轉(zhuǎn)碼的實(shí)現(xiàn)
本文主要介紹了js前端URL含有特殊字符的轉(zhuǎn)碼的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-06-06使用 Jest 和 Supertest 進(jìn)行接口端點(diǎn)測(cè)試實(shí)例詳解
這篇文章主要介紹了使用 Jest 和 Supertest 進(jìn)行接口端點(diǎn)測(cè)試,結(jié)合實(shí)例形式詳細(xì)分析了使用 Jest 和 Supertest 進(jìn)行接口端點(diǎn)測(cè)試具體原理、操作技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下2020-04-04javascript實(shí)現(xiàn)的猜數(shù)小游戲完整實(shí)例代碼
這篇文章主要介紹了javascript實(shí)現(xiàn)的猜數(shù)小游戲,游戲中用戶共有10次猜測(cè)機(jī)會(huì),并且每次都有不同的提示信息,該游戲涉及javascript流程控制與數(shù)值運(yùn)算的相關(guān)技巧,需要的朋友可以參考下2016-05-05Javascript 表格操作實(shí)現(xiàn)代碼
Javascript操作表格 包括獲取值,創(chuàng)建表格2009-06-06