圖片隨機顯示是一個應用非常廣泛的技巧比如隨機banner的顯示當你進入一個網站時它的banner總是不同的或者總有內容不同的提示(tips)大家在網上浏覽時會經常發現這樣的例子使用這種技術不但能在一定的空間裡放入更多的內容還可以給人一種經常更新的假象喔
怎麼樣心動了吧?其實只要你有一點點html和javascript 的基礎一切都是這麼簡單follow me讓我們來看看她隨機的奧密
讓我們從一個簡單的例子開始吧平常我們在頁面中加入圖片都是用<img src=圖片>來完成如果我們要隨機顯示張不同的圖片就要對這句代碼進行小小的修改首先加入<script>標記<script language=javascript></script>然後在這段標記內把<img src=圖片>用documentwrite()的型式放進去就成了documentwrite(<img src=圖片>)
現在我們來完成最關建的一段id=Mathround(Mathrandom()*)+這樣取得隨機數為將你要顯示的圖片改名為gifgifgifok!最後的代碼是<script language=javascript> id=Mathround(Mathrandom()*)+ documentwrite(<img src=+id+gif>)
</script>試一下是不是不錯?那如果我的每一張圖片都對應了一個超鏈接該怎麼辦呢?
我們還是來假設一下有張圖片gifgifgif分別對應的鏈接是urlurlurl為了讓圖片和鏈接一一對應我們要設置一個數組image來放置鏈接的地址如下var image=new Array()
imagelength= image=url image=url image=url為了將與圖片對應的鏈接取出來我們還要定義一個數組imageurl=image[id]原理是這樣的當頁面被讀入時取一個隨機數假設是即id=那麼如上我們可輕松的完成gif在頁面的顯示然後我們可以看到imageurl=image而image=url剩下的事就好辦了完整的代碼如下<script language=javascript> var image=new Array()
imagelength= image=url image=url image=url id=Mathround(Mathrandom()*)+ imageurl=image[id] documentwrite(<a +bannerurl+>+<img src=+id+gif>)
</script>這只是一個簡單的例子還有許多的功能可以實現比如設定圖片的顯示機率等
From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19613.html