用JavaScript顯示隨機(jī)圖像或引用
更新時間:2009年04月21日 21:06:14 作者:
本文會教你如何用簡單的JavaScript 創(chuàng)建所有可能條目的數(shù)組,然后隨機(jī)選擇你需要加入網(wǎng)頁中的圖像或引用。
使用這一腳本的第一步是選擇下面的文本中的代碼,并將其復(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,也就是說如果你有10個條目,那么只需要重復(fù)該行7次即可)。
如果你使用的是引用,你只需要簡單地用上面的文本取代code(),code1,code2就可以了。如果你想要用這一大媽來顯示隨機(jī)的圖像, 那么你要把所有圖像的HTML代碼放到條目中。你可以通過將合適的HTML和文本放置到條目中的方式,為你的網(wǎng)頁制作任意類型的代碼,而且還是隨機(jī)選擇。
最后,使用如下代碼把腳本附加到你的網(wǎng)頁主體部分,即你需要顯示鏈接或信息的地方:
< 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,也就是說如果你有10個條目,那么只需要重復(fù)該行7次即可)。
如果你使用的是引用,你只需要簡單地用上面的文本取代code(),code1,code2就可以了。如果你想要用這一大媽來顯示隨機(jī)的圖像, 那么你要把所有圖像的HTML代碼放到條目中。你可以通過將合適的HTML和文本放置到條目中的方式,為你的網(wǎng)頁制作任意類型的代碼,而且還是隨機(jī)選擇。
最后,使用如下代碼把腳本附加到你的網(wǎng)頁主體部分,即你需要顯示鏈接或信息的地方:
< script type="text/javascript" src="rand.js">< /script>
相關(guān)文章
Blocksit插件實現(xiàn)瀑布流數(shù)據(jù)無限( 異步)加載
BlocksIt 瀑布流插件是基于jquery的,使用也非常簡單,是為數(shù)不多的幾款動態(tài)瀑布流插件之一。2014-06-06發(fā)一個自己用JS寫的實用看圖工具實現(xiàn)代碼
所以決定慢慢來照顧一下博客吧,這里先把眼前就有的一個小東西拿出來和大家分享一下,這是2006年的時候(文本里記下了時間,不然也忘記了)為了自己看網(wǎng)絡(luò)圖片方便而寫的。2008-07-07簡單的實現(xiàn)點(diǎn)擊箭頭圖片切換的js代碼
這個是一個簡單的點(diǎn)擊箭頭圖片切換的例子。JS部分采用過的是jQuery2012-11-11兼容ie、firefox的圖片自動縮放的css跟js代碼分享
這個功能主要是解決內(nèi)容頁中的圖片過大撐出,導(dǎo)致頁面比較難看,就需要這樣的代碼,需要的朋友可以參考下2012-01-01