隨機顯示圖片的JS代碼
關于隨機顯示圖片的代碼很多,但有的只能在IE下才有效果,如果換在Firefox或其他瀏覽器下就會失去效果,能做到兩全的JS真的很少,今天給大家介紹一個很簡單的JS隨機顯示圖片的代碼。
以下是代碼:
上面代碼的意思是圖片保存在/banner/文件夾下,根據(jù)設置的圖片總數(shù)量,分別放入10張從banner_01.gif到banner_10.gif的圖片,在執(zhí)行這個JS時,它會隨機顯示從banner_01.gif到banner_10.gif的圖片。
保存這個JS為banner.js。
在網(wǎng)頁相應的地方寫入調(diào)用代碼
以下是代碼:
//調(diào)用
這段代碼可以在IE和Firefox下有效顯示。
簡單的JavaScript隨機顯示圖片廣告的效果
兼容性:IE6+ FireFox2+ Opera9+
以下是代碼:
// JavaScript Document
var m=10; //隨機顯示圖片的總數(shù)量
var n=Math.floor(Math.random()*m+1)
document.write ("<img src='/banner/banner_"+n+".gif' border=0 galleryimg=no>");
//
var m=10; //隨機顯示圖片的總數(shù)量
var n=Math.floor(Math.random()*m+1)
document.write ("<img src='/banner/banner_"+n+".gif' border=0 galleryimg=no>");
//
上面代碼的意思是圖片保存在/banner/文件夾下,根據(jù)設置的圖片總數(shù)量,分別放入10張從banner_01.gif到banner_10.gif的圖片,在執(zhí)行這個JS時,它會隨機顯示從banner_01.gif到banner_10.gif的圖片。
保存這個JS為banner.js。
在網(wǎng)頁相應的地方寫入調(diào)用代碼
以下是代碼:
<script language="JavaScript" src="/Js/banner.js"></script>//-->
//調(diào)用
這段代碼可以在IE和Firefox下有效顯示。
簡單的JavaScript隨機顯示圖片廣告的效果
兼容性:IE6+ FireFox2+ Opera9+
<script>
/******************************************************
* 簡單的JavaScript隨機顯示圖片廣告的效果 Share JavaScript (http://www.ShareJS.com)
* 使用此腳本程序,請保留此聲明
* 獲取此腳本以及更多的JavaScript程序,請訪問 http://www.ShareJS.com
******************************************************/
var str=new Array("http://www.sharejs.com/code/image/img/1.jpg","http://www.sharejs.com/code/image/img/2.jpg","http://www.sharejs.com/code/image/img/3.jpg");
var a;
a=str[parseInt(Math.random()*(str.length))];
document.write("<img src="+a+">");
</script>
posted on 2010-03-04 09:47 Angle Wang 閱讀(3558) 評論(0) 編輯 收藏 所屬分類: JavaScript和jQuery