用JavaScript顯示隨機圖像或引用

更新時間：2009年04月21日 21:06:14 作者：

本文會教你如何用簡單的JavaScript 創(chuàng)建所有可能條目的數(shù)組，然后隨機選擇你需要加入網(wǎng)頁中的圖像或引用。

使用這一腳本的第一步是選擇下面的文本中的代碼，并將其復制到rand.js的文件夾。

var mess = new Array('code0','code1','code2'); 
　　var max = mess.length; 
　　var num = Math.floor((Math.random() * max)); 
　　document.writeln(mess[num]); 

　　現(xiàn)在你需要更新這一代碼，使其指定你需要的圖像或引用。首先，你要按照需求重復代碼code()行若干次，直到數(shù)組將你需要的所有條目都包含在隨機選擇中(例：它的起始值是3，也就是說如果你有10個條目，那么只需要重復該行7次即可)。
　　如果你使用的是引用，你只需要簡單地用上面的文本取代code(),code1,code2就可以了。如果你想要用這一大媽來顯示隨機的圖像，那么你要把所有圖像的HTML代碼放到條目中。你可以通過將合適的HTML和文本放置到條目中的方式，為你的網(wǎng)頁制作任意類型的代碼，而且還是隨機選擇。
　　最后，使用如下代碼把腳本附加到你的網(wǎng)頁主體部分，即你需要顯示鏈接或信息的地方：
　　< script type="text/javascript" src="rand.js">< /script>

相關(guān)文章

JS 相冊效果自動播放[本地整合]
具有自動播放功能,圖片顯示不但具有漸隱漸現(xiàn),自動伸縮的效果,還能像放電影一樣的感覺!
2008-12-12
html+js+highcharts繪制圓餅圖表的簡單實例
下面小編就為大家?guī)硪黄猦tml+js+highcharts繪制圓餅圖表的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-08-08
js 鼠標放圖片上抖動效果
閑得無聊，弄了個抖動效果，大家看看有沒有值得學習地方
2012-01-01
推薦自用 Javascript 縮圖函數(shù) (onDOMLoaded)……
推薦自用 Javascript 縮圖函數(shù) (onDOMLoaded)……...
2007-10-10
Blocksit插件實現(xiàn)瀑布流數(shù)據(jù)無限( 異步)加載
BlocksIt 瀑布流插件是基于jquery的，使用也非常簡單，是為數(shù)不多的幾款動態(tài)瀑布流插件之一。
2014-06-06
純JS圖片批量預加載技術(shù)代碼
一款實用的圖片預加載技術(shù)，真正實現(xiàn)加載完成顯示圖片，加載過程中顯示進度指示，本加載可以批量進行，將成批圖片加載完成才顯示，使用循環(huán)依次載入圖片，并將路徑暫存在數(shù)組中，加載完成后取出數(shù)組數(shù)據(jù)并顯示。
2009-11-11
常見JS效果之圖片減速度滾動實現(xiàn)代碼
圖片減速度滾動,一般用于產(chǎn)品的展示效果。作為前端，互聯(lián)網(wǎng)上一些常見效果都要嘗試去實現(xiàn)，不能因為公司用不到就不做。
2011-12-12
北京奧運官方網(wǎng)站幻燈切換效果flash版打包下載
2008-01-01
javascript document.images實例
js document.images獲取頁面中的所以圖片并顯示出來
2008-05-05
javascript 圖片放大縮小功能實現(xiàn)代碼
很早以前寫的一個效果，今天有時間了整理出來通過 Math.pow(x,y) 的“冪”運算來計算大小圖片放大縮小的尺寸
2011-07-07