DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript實例教程(9) 隨機顯示圖片
Javascript實例教程(9) 隨機顯示圖片
編輯:關於JavaScript     
有時你可以會在一些網站看到一些變化顯示的圖片,這除了可以利用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學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved