用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)文章
主要用于上傳圖片的過(guò)程中可以顯示圖片，這樣就可以確認(rèn)圖片有沒(méi)有遠(yuǎn)錯(cuò)，利用提高正確率。2009-05-05
一個(gè)跟隨鼠標(biāo)的圖片放大效果，與FF兼容...2007-04-04
Blocksit插件實(shí)現(xiàn)瀑布流數(shù)據(jù)無(wú)限( 異步)加載
BlocksIt 瀑布流插件是基于jquery的，使用也非常簡(jiǎn)單，是為數(shù)不多的幾款動(dòng)態(tài)瀑布流插件之一。2014-06-06
發(fā)一個(gè)自己用JS寫(xiě)的實(shí)用看圖工具實(shí)現(xiàn)代碼
所以決定慢慢來(lái)照顧一下博客吧，這里先把眼前就有的一個(gè)小東西拿出來(lái)和大家分享一下，這是2006年的時(shí)候（文本里記下了時(shí)間，不然也忘記了）為了自己看網(wǎng)絡(luò)圖片方便而寫(xiě)的。2008-07-07
純js無(wú)flash仿搜狐女人頻道FLASH圖片切換效果代碼
2008-01-01
點(diǎn)圖片上一頁(yè)下一頁(yè)翻頁(yè)效果
實(shí)現(xiàn)圖片翻頁(yè)效果實(shí)例代碼2008-07-07
簡(jiǎn)單的實(shí)現(xiàn)點(diǎn)擊箭頭圖片切換的js代碼
這個(gè)是一個(gè)簡(jiǎn)單的點(diǎn)擊箭頭圖片切換的例子。JS部分采用過(guò)的是jQuery2012-11-11
非常不錯(cuò)的js圖片輪換效果代碼，像柵欄一樣結(jié)合起來(lái)，然后顯示完整圖片，代碼相對(duì)也不錯(cuò)2008-06-06
兼容ie、firefox的圖片自動(dòng)縮放的css跟js代碼分享
這個(gè)功能主要是解決內(nèi)容頁(yè)中的圖片過(guò)大撐出，導(dǎo)致頁(yè)面比較難看，就需要這樣的代碼，需要的朋友可以參考下2012-01-01
用dom+xhtml+css制作的一個(gè)相冊(cè)效果代碼打包下載
2008-01-01