JavaScript實現(xiàn)隨機替換圖片的方法
更新時間：2015年04月16日 09:53:30 作者：igoo
這篇文章主要介紹了JavaScript實現(xiàn)隨機替換圖片的方法,涉及javascript中Math.random方法的靈活運用,需要的朋友可以參考下
本文實例講述了JavaScript實現(xiàn)隨機替換圖片的方法。分享給大家供大家參考。具體如下：
下面代碼可實現(xiàn)將頁面上的圖片隨機替換成別的圖片，或者隨機顯示一個圖片
<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
希望本文所述對大家的javascript程序設(shè)計有所幫助。
您可能感興趣的文章:
- 基于JavaScript代碼實現(xiàn)隨機漂浮圖片廣告
- JSP隨機驗證圖片如何制作
- javascript隨機顯示背景圖片的方法
- js鼠標點擊圖片實現(xiàn)隨機變換圖片的方法
- js實現(xiàn)網(wǎng)頁隨機切換背景圖片的方法
- javascript隨機將第一個dom中的圖片添加到第二個div中示例
- js 圖片隨機不定向浮動的實現(xiàn)代碼
- JavaScript 創(chuàng)建隨機數(shù)和隨機圖片
- javascript 隨機廣告代碼(圖片廣告)
- JS實現(xiàn)鼠標移動到縮略圖顯示大圖的圖片放大效果
- 圖片上傳即時顯示縮略圖的js代碼
- JS實現(xiàn)頁面載入時隨機顯示圖片效果
相關(guān)文章
這篇文章主要介紹了2種JavaScript主要繼承方式，一種是通過原型的方式，一種是通過借用call&apply的構(gòu)造函數(shù)方式，感興趣的小伙伴們可以參考一下2015-12-12
用最少的代碼,做最多的事情. getElementsByTagName的簡寫方法.2010-06-06
JavaScript 開發(fā)規(guī)范要求(圖文并茂)
作為一名開發(fā)人員（WEB前端JavaScript開發(fā)），不規(guī)范的開發(fā)不僅使日后代碼維護變的困難，同時也不利于團隊的合作，通常還會帶來代碼安全以及執(zhí)行效率上的問題。2010-06-06
基于JavaScript實現(xiàn)購物網(wǎng)站商品放大鏡效果
大家在日常生活中都有網(wǎng)購的經(jīng)驗，有的網(wǎng)站會有商品放大鏡功能，效果非常棒，那么基于js代碼是如何實現(xiàn)的呢？下面小編給大家?guī)砹嘶趈s實現(xiàn)購物網(wǎng)站商品放大鏡效果，非常不錯，感興趣的朋友參考下吧2016-09-09
這篇文章主要介紹了序列化模塊json代碼實例詳解,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-03-03
JavaScript 實現(xiàn)完美兼容多瀏覽器的復(fù)制功能代碼
這兩天在做Web前端時，遇到需求通過js實現(xiàn)文本復(fù)制的功能。經(jīng)過一番測試，終于實現(xiàn)了出來，有需要的小伙伴可以參考下。2015-04-04
本篇文章主要是對懸浮數(shù)字的實現(xiàn)案例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
深入理解requestAnimationFrame的動畫循環(huán)
這篇文章先給大家介紹了什么是requestAnimationFrame，而后才深入講述關(guān)于requestAnimationFrame的動畫循環(huán)，文章介紹的非常詳細，相信對大家學(xué)習(xí)requestAnimationFrame具有一定的參考借鑒價值，有需要的朋友下面來一起看看吧。2016-09-09
js 求時間差在生活中經(jīng)常會觸及到，本文整理了一些，希望可以幫助有需求的朋友可以,而起還可以實現(xiàn)去掉周六周日這些東東，廢話不多說，進入正題2012-12-12
這篇文章主要介紹了JavaScript設(shè)計模式適配器模式實例，適配器設(shè)計模式可以讓彼此不兼容的功能在一塊工作，有助于避免大規(guī)模的修改代碼，并且易于擴展和兼容2022-06-06