隨筆 - 28, 文章 - 0, 評論 - 3, 引用 - 0
          數據加載中……

          隨機顯示圖片的JS代碼

          關于隨機顯示圖片的代碼很多,但有的只能在IE下才有效果,如果換在Firefox或其他瀏覽器下就會失去效果,能做到兩全的JS真的很少,今天給大家介紹一個很簡單的JS隨機顯示圖片的代碼。
          以下是代碼:

          // JavaScript Document
          var m=10; //隨機顯示圖片的總數量
          var n=Math.floor(Math.random()*m+1)
          document.write ("<img src='/banner/banner_"+n+".gif' border=0 galleryimg=no>");
          //

            上面代碼的意思是圖片保存在/banner/文件夾下,根據設置的圖片總數量,分別放入10張從banner_01.gif到banner_10.gif的圖片,在執行這個JS時,它會隨機顯示從banner_01.gif到banner_10.gif的圖片。
            保存這個JS為banner.js。

          在網頁相應的地方寫入調用代碼

          以下是代碼:

          <script language="JavaScript" src="/Js/banner.js"></script>//-->

          //調用

          這段代碼可以在IE和Firefox下有效顯示。


          簡單的JavaScript隨機顯示圖片廣告的效果
          兼容性:IE6+ FireFox2+ Opera9+

          <script>
          /******************************************************
          * 簡單的JavaScript隨機顯示圖片廣告的效果  Share JavaScript (http://www.ShareJS.com)
          * 使用此腳本程序,請保留此聲明
          * 獲取此腳本以及更多的JavaScript程序,請訪問 http://www.ShareJS.com
          ******************************************************/

          var str=new Array("http://www.sharejs.com/code/image/img/1.jpg","http://www.sharejs.com/code/image/img/2.jpg","http://www.sharejs.com/code/image/img/3.jpg");
          var a;
          a=str[parseInt(Math.random()*(str.length))];
          document.write("<img src="+a+">");
          </script>


          posted on 2010-03-04 09:47 Angle Wang 閱讀(3558) 評論(0)  編輯  收藏 所屬分類: JavaScript和jQuery


          只有注冊用戶登錄后才能發表評論。


          網站導航:
           
          主站蜘蛛池模板: 潞城市| 临湘市| 磐安县| 尖扎县| 克什克腾旗| 福清市| 聂荣县| 扎兰屯市| 共和县| 永康市| 邵东县| 隆林| 团风县| 称多县| 正定县| 无锡市| 龙山县| 桂平市| 德格县| 台北市| 托克逊县| 新蔡县| 墨竹工卡县| 虹口区| 日照市| 厦门市| 清水河县| 塔城市| 嘉义市| 天峨县| 双城市| 左贡县| 千阳县| 稷山县| 丹棱县| 涿鹿县| 雷州市| 灵寿县| 玉环县| 泸定县| 喀喇|