當前位置:蘿卜系統下載站 > 技術開發教程 > 詳細頁面

Javascript案例圖文詳細教程(9) 隨機顯示圖片

Javascript案例圖文詳細教程(9) 隨機顯示圖片

更新時間:2019-05-04 文章作者:未知 信息來源:網絡 閱讀次數:

有時你可以會在一些網站看到一些變化顯示的圖片,這除了可以利用Flash來制作之外,當然也可以利用本節教程介紹的方法來實現哦。好吧,就開始我們的創作吧。我們可以在網頁的最前面部分添加以下的代碼來創建一個隨機的數字:

<SCRIPT>

<!--

// Randomizer

rnd.today=new Date();

rnd.seed=rnd.today.getTime();


function rnd() {

rnd.seed = (rnd.seed*9301+49297) % 233280;

return rnd.seed/(233280.0);

};


function rand(number) {

return Math.ceil(rnd()*number);

};


// end randomizer. -->

</SCRIPT>


為了創建一個從1到10的隨機數字,你可以rand(7)。為了顯示隨機顯示從num1.gif到num7.gif,你可以編寫以下代碼到你的網頁中去:

<SCRIPT LANGUAGE="JavaScript"><!--

document.write('<IMG SRC="banner' + rand(7) + '.gif"

WIDTH="400" HEIGHT="40">');

//--></SCRIPT>

一切OK了,你可以欣賞欣賞你的大作了。直到現在你可能會對JavaScript多了一點體會:JavaScript功能是如此的強大。我想這主要歸功于JavaScript有許多功能函數。

點擊此處去測試效果頁面

溫馨提示:喜歡本站的話,請收藏一下本站!

本類教程下載

系統下載排行

網站地圖xml | 網站地圖html
亚洲嫩草影院久久精品