用JavaScript顯示隨機(jī)圖像或引用
更新時(shí)間：2009年04月21日 21:06:14 作者：
本文會(huì)教你如何用簡(jiǎn)單的JavaScript 創(chuàng)建所有可能條目的數(shù)組，然后隨機(jī)選擇你需要加入網(wǎng)頁(yè)中的圖像或引用。
使用這一腳本的第一步是選擇下面的文本中的代碼，并將其復(fù)制到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)在你需要更新這一代碼，使其指定你需要的圖像或引用。首先，你要按照需求重復(fù)代碼code()行若干次，直到數(shù)組將你需要的所有條目都包含在隨機(jī)選擇中(例：它的起始值是3，也就是說(shuō)如果你有10個(gè)條目，那么只需要重復(fù)該行7次即可)。
如果你使用的是引用，你只需要簡(jiǎn)單地用上面的文本取代code(),code1,code2就可以了。如果你想要用這一大媽來(lái)顯示隨機(jī)的圖像， 那么你要把所有圖像的HTML代碼放到條目中。你可以通過(guò)將合適的HTML和文本放置到條目中的方式，為你的網(wǎng)頁(yè)制作任意類型的代碼，而且還是隨機(jī)選擇。
最后，使用如下代碼把腳本附加到你的網(wǎng)頁(yè)主體部分，即你需要顯示鏈接或信息的地方：
< script type="text/javascript" src="rand.js">< /script>
復(fù)制代碼 代碼如下:
var mess = new Array('code0','code1','code2');
var max = mess.length;
var num = Math.floor((Math.random() * max));
document.writeln(mess[num]);
現(xiàn)在你需要更新這一代碼，使其指定你需要的圖像或引用。首先，你要按照需求重復(fù)代碼code()行若干次，直到數(shù)組將你需要的所有條目都包含在隨機(jī)選擇中(例：它的起始值是3，也就是說(shuō)如果你有10個(gè)條目，那么只需要重復(fù)該行7次即可)。
如果你使用的是引用，你只需要簡(jiǎn)單地用上面的文本取代code(),code1,code2就可以了。如果你想要用這一大媽來(lái)顯示隨機(jī)的圖像， 那么你要把所有圖像的HTML代碼放到條目中。你可以通過(guò)將合適的HTML和文本放置到條目中的方式，為你的網(wǎng)頁(yè)制作任意類型的代碼，而且還是隨機(jī)選擇。
最后，使用如下代碼把腳本附加到你的網(wǎng)頁(yè)主體部分，即你需要顯示鏈接或信息的地方：
< script type="text/javascript" src="rand.js">< /script>
相關(guān)文章
![JS 相冊(cè)效果 自動(dòng)播放[本地整合]](http://img.jbzj.com/images/xgimg/bcimg0.png)
具有自動(dòng)播放功能,圖片顯示不但具有漸隱漸現(xiàn),自動(dòng)伸縮的效果,還能像放電影一樣的感覺(jué)!2008-12-12
html+js+highcharts繪制圓餅圖表的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇html+js+highcharts繪制圓餅圖表的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
閑得無(wú)聊，弄了個(gè)抖動(dòng)效果，大家看看有沒(méi)有值得學(xué)習(xí)地方2012-01-01
推薦自用 Javascript 縮圖函數(shù) (onDOMLoaded)……
推薦自用 Javascript 縮圖函數(shù) (onDOMLoaded)……...2007-10-10
Blocksit插件實(shí)現(xiàn)瀑布流數(shù)據(jù)無(wú)限( 異步)加載
BlocksIt 瀑布流插件是基于jquery的，使用也非常簡(jiǎn)單，是為數(shù)不多的幾款動(dòng)態(tài)瀑布流插件之一。2014-06-06
一款實(shí)用的圖片預(yù)加載技術(shù)，真正實(shí)現(xiàn)加載完成顯示圖片，加載過(guò)程中顯示進(jìn)度指示，本加載可以批量進(jìn)行，將成批圖片加載完成才顯示，使用循環(huán)依次載入圖片，并將路徑暫存在數(shù)組中，加載完成后取出數(shù)組數(shù)據(jù)并顯示。2009-11-11
常見(jiàn)JS效果之圖片減速度滾動(dòng)實(shí)現(xiàn)代碼
圖片減速度滾動(dòng),一般用于產(chǎn)品的展示效果。作為前端，互聯(lián)網(wǎng)上一些常見(jiàn)效果都要嘗試去實(shí)現(xiàn)，不能因?yàn)楣居貌坏骄筒蛔觥?/div> 2011-12-12
北京奧運(yùn)官方網(wǎng)站幻燈切換效果flash版打包下載
2008-01-01
javascript document.images實(shí)例
js document.images獲取頁(yè)面中的所以圖片并顯示出來(lái)2008-05-05
javascript 圖片放大縮小功能實(shí)現(xiàn)代碼
很早以前寫(xiě)的一個(gè)效果，今天有時(shí)間了整理出來(lái) 通過(guò) Math.pow(x,y) 的“冪”運(yùn)算來(lái)計(jì)算大小圖片放大縮小的尺寸2011-07-07最新評(píng)論