欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript實(shí)現(xiàn)的多個(gè)圖片廣告交替顯示效果代碼

 更新時(shí)間:2015年09月04日 15:24:31   作者:企鵝  
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的多個(gè)圖片廣告交替顯示效果代碼,涉及javascript數(shù)組遍歷及頁(yè)面元素動(dòng)態(tài)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(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ì)有所幫助。

相關(guān)文章

  • JavaScript hasOwnProperty() 函數(shù)實(shí)例詳解

    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)圖分享

    這篇文章主要介紹了學(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-03
  • JS實(shí)現(xiàn)字符串去重及數(shù)組去重的方法示例

    JS實(shí)現(xiàn)字符串去重及數(shù)組去重的方法示例

    這篇文章主要介紹了JS實(shí)現(xiàn)字符串去重及數(shù)組去重的方法,涉及javascript針對(duì)字符串與數(shù)組的遍歷、判斷、刪除、添加等相關(guān)操作技巧,需要的朋友可以參考下
    2018-04-04
  • js前端URL含有特殊字符的轉(zhuǎn)碼的實(shí)現(xiàn)

    js前端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
  • Bootstrap按鈕功能之查詢按鈕和重置按鈕

    Bootstrap按鈕功能之查詢按鈕和重置按鈕

    一般情況下,查詢列表有查詢條件、查詢按鈕和重置按鈕,輸入查詢條件,點(diǎn)擊查詢按鈕查詢列表等數(shù)據(jù);點(diǎn)擊重置按鈕會(huì)將查詢條件恢復(fù)到原始狀態(tài)。接下來(lái)通過(guò)本文給大家介紹bootstrap實(shí)現(xiàn)查詢按鈕和重置按鈕的方法,一起看看吧
    2016-10-10
  • 第五篇Bootstrap 排版

    第五篇Bootstrap 排版

    使用bootstrap的排版特性可以創(chuàng)建標(biāo)題,段落,列表及其它內(nèi)聯(lián)元素。本文重點(diǎn)給大家介紹Bootstrap 排版 知識(shí),非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起學(xué)習(xí)吧
    2016-06-06
  • 使用 Jest 和 Supertest 進(jìn)行接口端點(diǎn)測(cè)試實(shí)例詳解

    使用 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-04
  • javascript操作excel生成報(bào)表全攻略

    javascript操作excel生成報(bào)表全攻略

    這篇文章主要介紹了如何使用javascript操作excel生成報(bào)表,需要的朋友可以參考下
    2014-05-05
  • javascript實(shí)現(xiàn)的猜數(shù)小游戲完整實(shí)例代碼

    javascript實(shí)現(xiàn)的猜數(shù)小游戲完整實(shí)例代碼

    這篇文章主要介紹了javascript實(shí)現(xiàn)的猜數(shù)小游戲,游戲中用戶共有10次猜測(cè)機(jī)會(huì),并且每次都有不同的提示信息,該游戲涉及javascript流程控制與數(shù)值運(yùn)算的相關(guān)技巧,需要的朋友可以參考下
    2016-05-05
  • Javascript 表格操作實(shí)現(xiàn)代碼

    Javascript 表格操作實(shí)現(xiàn)代碼

    Javascript操作表格 包括獲取值,創(chuàng)建表格
    2009-06-06

最新評(píng)論