怎麼樣心動了吧?其實只要你有一點點html和javascript 的基礎,一切都是這麼簡單。follow me,讓我們來看看她隨機的奧密。
讓我們從一個簡單的例子開始吧。平常我們在頁面中加入圖片都是用來完成。如果我們要隨機顯示3張不同的圖片就要對這句代碼進行小小的修改,首先加入
然後在這段標記內把用document.write("")的型式放進去,就成了
document.write("")
現在我們來完成最關建的一段:
id=Math.round(Math.random()*2)+1
這樣取得隨機數為1,2,3將你要顯示的圖片改名為1.gif,2.gif,3.gif,ok!最後的代碼是:
試一下,是不是不錯?那如果我的每一張圖片都對應了一個超鏈接該怎麼辦呢?
我們還是來假設一下有3張圖片,1.gif,2.gif,3.gif,分別對應的鏈接是url1,url2,url3。
為了讓圖片和鏈接一一對應,我們要設置一個數組image來放置鏈接的地址,如下:
var image=new Array(3)
image.length=3
image[1]="url1"
image[2]="url2"
image[3]="url3"
為了將與圖片對應的鏈接取出來,我們還要定義一個數組imageurl=image[id]
原理是這樣的:
當頁面被讀入時,取一個隨機數,假設是2即id=2,那麼如上我們可輕松的完成2.gif在頁面的顯示。然後我們可以看到:imageurl=image[2]而image[2]="url2",剩下的事就好辦了。完整的代碼如下:
這只是一個簡單的例子,還有許多的功能可以實現,比如,設定圖片的顯示機率等,請到本人主頁:替換www.avyes.com看看效果,我所學有限,只能拋磚引玉,還請各位大蝦多多指點。(pc-king@21cn.com)。