本文實例講述了JS實現頁面載入時隨機顯示圖片效果。分享給大家供大家參考，具體如下：
<html><head><title>JS 隨機圖片效果</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style type="text/css"><!--img { border: #999999; border-style: dotted; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}--></style></head><SCRIPT LANGUAGE="JavaScript">var rand1 = 0;var useRand = 0;images = new Array;images[1] = new Image();images[1].src = "img/a1.jpg";images[2] = new Image();images[2].src = "img/a2.jpg";images[3] = new Image();images[3].src = "img/a3.jpg";images[4] = new Image();images[4].src = "img/a4.jpg";function swapPic() {var imgnum = images.length - 1;do {var randnum = Math.random();rand1 = Math.round((imgnum - 1) * randnum) + 1;} while (rand1 == useRand);useRand = rand1;document.randimg.src = images[useRand].src;}</script><body bgcolor="#FFFFFF" text="#000000" OnLoad="swapPic()"><img name="randimg" src="img/a1.jpg"></body></html>代碼經測試可以正常運行。這里就不再配上運行效果圖了，感興趣的朋友可以挑幾張美女圖片測試一下看看效果。
更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript遍歷算法與技巧總結》、《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答
