JavaScript實(shí)現(xiàn)隨機(jī)替換圖片的方法

更新時(shí)間：2015年04月16日 09:53:30 作者：igoo

這篇文章主要介紹了JavaScript實(shí)現(xiàn)隨機(jī)替換圖片的方法,涉及javascript中Math.random方法的靈活運(yùn)用,需要的朋友可以參考下

本文實(shí)例講述了JavaScript實(shí)現(xiàn)隨機(jī)替換圖片的方法。分享給大家供大家參考。具體如下：

下面代碼可實(shí)現(xiàn)將頁(yè)面上的圖片隨機(jī)替換成別的圖片，或者隨機(jī)顯示一個(gè)圖片

<script>
document.write(<img src="img/+parseInt(Math.random()*(5))
+.gif"height="40" width="50">
</script>

其中的圖片文件名為： 0.gif 1.gif 2.gif 3.gif 4.gif

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

淺析2種JavaScript繼承方式
這篇文章主要介紹了2種JavaScript主要繼承方式，一種是通過(guò)原型的方式，一種是通過(guò)借用call&apply的構(gòu)造函數(shù)方式，感興趣的小伙伴們可以參考一下
2015-12-12
js getElementsByTagName的簡(jiǎn)寫(xiě)方式
用最少的代碼,做最多的事情. getElementsByTagName的簡(jiǎn)寫(xiě)方法.
2010-06-06
JavaScript 開(kāi)發(fā)規(guī)范要求(圖文并茂)
作為一名開(kāi)發(fā)人員（WEB前端JavaScript開(kāi)發(fā)），不規(guī)范的開(kāi)發(fā)不僅使日后代碼維護(hù)變的困難，同時(shí)也不利于團(tuán)隊(duì)的合作，通常還會(huì)帶來(lái)代碼安全以及執(zhí)行效率上的問(wèn)題。
2010-06-06
基于JavaScript實(shí)現(xiàn)購(gòu)物網(wǎng)站商品放大鏡效果
大家在日常生活中都有網(wǎng)購(gòu)的經(jīng)驗(yàn)，有的網(wǎng)站會(huì)有商品放大鏡功能，效果非常棒，那么基于js代碼是如何實(shí)現(xiàn)的呢？下面小編給大家?guī)?lái)了基于js實(shí)現(xiàn)購(gòu)物網(wǎng)站商品放大鏡效果，非常不錯(cuò)，感興趣的朋友參考下吧
2016-09-09
序列化模塊json代碼實(shí)例詳解
這篇文章主要介紹了序列化模塊json代碼實(shí)例詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-03-03
JavaScript 實(shí)現(xiàn)完美兼容多瀏覽器的復(fù)制功能代碼
這兩天在做Web前端時(shí)，遇到需求通過(guò)js實(shí)現(xiàn)文本復(fù)制的功能。經(jīng)過(guò)一番測(cè)試，終于實(shí)現(xiàn)了出來(lái)，有需要的小伙伴可以參考下。
2015-04-04
懸浮數(shù)字的實(shí)現(xiàn)案例
本篇文章主要是對(duì)懸浮數(shù)字的實(shí)現(xiàn)案例進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2014-02-02
深入理解requestAnimationFrame的動(dòng)畫(huà)循環(huán)
這篇文章先給大家介紹了什么是requestAnimationFrame，而后才深入講述關(guān)于requestAnimationFrame的動(dòng)畫(huà)循環(huán)，文章介紹的非常詳細(xì)，相信對(duì)大家學(xué)習(xí)requestAnimationFrame具有一定的參考借鑒價(jià)值，有需要的朋友下面來(lái)一起看看吧。
2016-09-09
js 取時(shí)間差去掉周六周日實(shí)現(xiàn)代碼
js 求時(shí)間差在生活中經(jīng)常會(huì)觸及到，本文整理了一些，希望可以幫助有需求的朋友可以,而起還可以實(shí)現(xiàn)去掉周六周日這些東東，廢話不多說(shuō)，進(jìn)入正題
2012-12-12
JavaScript設(shè)計(jì)模式適配器模式實(shí)例
這篇文章主要介紹了JavaScript設(shè)計(jì)模式適配器模式實(shí)例，適配器設(shè)計(jì)模式可以讓彼此不兼容的功能在一塊工作，有助于避免大規(guī)模的修改代碼，并且易于擴(kuò)展和兼容
2022-06-06