精品国产亚洲一区二区三区,男女作爱在线观看免费网站,欧美的又大又长做禁片A片,97国产精品人妻无码久久久

  • 相關(guān)軟件
    >圖片隨機(jī)顯示技巧 創(chuàng)建者:webmaster 更新時(shí)間:2005-06-09 00:07

    圖片隨機(jī)顯示是一個(gè)應(yīng)用非常廣泛的技巧。比如隨機(jī)banner的顯示,當(dāng)你進(jìn)入一個(gè)網(wǎng)站時(shí)它的banner總是不同的,或者總有內(nèi)容不同的提示(tips),大家在網(wǎng)上瀏覽時(shí)會(huì)經(jīng)常發(fā)現(xiàn)這樣的例子。使用這種技術(shù),不但能在一定的空間里放入更多的內(nèi)容,還可以給人一種經(jīng)常更新的假象喔。


    怎么樣心動(dòng)了吧?其實(shí)只要你有一點(diǎn)點(diǎn)html和javascript 的基礎(chǔ),一切都是這么簡(jiǎn)單。follow me,讓我們來(lái)看看她隨機(jī)的奧密。


    讓我們從一個(gè)簡(jiǎn)單的例子開始吧。平常我們?cè)陧?yè)面中加入圖片都是用<img src="圖片">來(lái)完成。如果我們要隨機(jī)顯示3張不同的圖片就要對(duì)這句代碼進(jìn)行小小的修改,首先加入<script>標(biāo)記:


    <script language=javascript></script>


    然后在這段標(biāo)記內(nèi)把<img src="圖片">用document.write("")的型式放進(jìn)去,就成了


    document.write("<img src=圖片>")


    現(xiàn)在我們來(lái)完成最關(guān)建的一段:


    id=Math.round(Math.random()*2)+1


    這樣取得隨機(jī)數(shù)為1,2,3將你要顯示的圖片改名為1.gif,2.gif,3.gif,ok!最后的代碼是:


    <script language=javascript>

    id=Math.round(Math.random()*2)+1

    document.write("<img src="+id+".gif>")

    </script>


    試一下,是不是不錯(cuò)?那如果我的每一張圖片都對(duì)應(yīng)了一個(gè)超鏈接該怎么辦呢?

    我們還是來(lái)假設(shè)一下有3張圖片,1.gif,2.gif,3.gif,分別對(duì)應(yīng)的鏈接是url1,url2,url3。

    為了讓圖片和鏈接一一對(duì)應(yīng),我們要設(shè)置一個(gè)數(shù)組image來(lái)放置鏈接的地址,如下:


    var image=new Array(3)

    image.length=3

    image[1]="url1"

    image[2]="url2"

    image[3]="url3"


    為了將與圖片對(duì)應(yīng)的鏈接取出來(lái),我們還要定義一個(gè)數(shù)組imageurl=image[id]

    原理是這樣的:

    當(dāng)頁(yè)面被讀入時(shí),取一個(gè)隨機(jī)數(shù),假設(shè)是2即id=2,那么如上我們可輕松的完成2.gif在頁(yè)面的顯示。然后我們可以看到:imageurl=image[2]而image[2]="url2",剩下的事就好辦了。完整的代碼如下:


    <script language=javascript>

    var image=new Array(3)

    image.length=3

    image[1]="url1"

    image[2]="url2"

    image[3]="url3"

    id=Math.round(Math.random()*2)+1

    imageurl=image[id]

    document.write("<a href="+bannerurl+">"+"<img src="+id+".gif>")

    </script>


    這只是一個(gè)簡(jiǎn)單的例子,還有許多的功能可以實(shí)現(xiàn),比如,設(shè)定圖片的顯示機(jī)率等,請(qǐng)到本人主頁(yè):http://www.avyes.com看看效果,我所學(xué)有限,只能拋磚引玉,還請(qǐng)各位大蝦多多指點(diǎn)。(pc-king@21cn.com)。

    相關(guān)文章
    本頁(yè)查看次數(shù):