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

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

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

本文實例講述了JavaScript實現(xiàn)的多個圖片廣告交替顯示效果代碼。分享給大家供大家參考。具體如下:

這里演示JavaScript讓多個Banner圖片廣告交替顯示的效果,如果你的站很牛,廣告位被占滿了,你可以考慮讓多個圖片廣告輪番交替顯示,鏈接也跟著變,這樣是不是為你節(jié)省了寶貴的廣告位?思路是好,但不知道廣告效果是不是也一樣好,這就需要實驗了。

運行效果截圖如下:

在線演示地址如下:

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>

希望本文所述對大家的javascript程序設(shè)計有所幫助。

相關(guān)文章

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

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

    hasOwnProperty()函數(shù)用于指示一個對象自身(不包括原型鏈)是否具有指定名稱的屬性。下面通過本文給大家分享JavaScript hasOwnProperty() 函數(shù)實例講解,感興趣的朋友一起看看吧
    2017-08-08
  • 學(xué)習(xí)JavaScript編程語言的8張思維導(dǎo)圖分享

    學(xué)習(xí)JavaScript編程語言的8張思維導(dǎo)圖分享

    這篇文章主要介紹了學(xué)習(xí)JavaScript編程語言的8張思維導(dǎo)圖分享,本文給出了javascript變量、javascript運算符、javascript數(shù)組、javascript流程語句、javascript字符串函數(shù)、javascript函數(shù)基礎(chǔ)、javascript基礎(chǔ)DOM操作、javascript正則表達(dá)式的思維導(dǎo)圖,需要的可以參考下
    2015-03-03
  • JS實現(xiàn)字符串去重及數(shù)組去重的方法示例

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

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

    js前端URL含有特殊字符的轉(zhuǎn)碼的實現(xiàn)

    本文主要介紹了js前端URL含有特殊字符的轉(zhuǎn)碼的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2023-06-06
  • Bootstrap按鈕功能之查詢按鈕和重置按鈕

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

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

    第五篇Bootstrap 排版

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

    使用 Jest 和 Supertest 進(jìn)行接口端點測試實例詳解

    這篇文章主要介紹了使用 Jest 和 Supertest 進(jìn)行接口端點測試,結(jié)合實例形式詳細(xì)分析了使用 Jest 和 Supertest 進(jìn)行接口端點測試具體原理、操作技巧與相關(guān)注意事項,需要的朋友可以參考下
    2020-04-04
  • javascript操作excel生成報表全攻略

    javascript操作excel生成報表全攻略

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

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

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

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

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

最新評論