我的漫漫程序之旅

          專注于JavaWeb開發(fā)
          隨筆 - 39, 文章 - 310, 評論 - 411, 引用 - 0
          數(shù)據(jù)加載中……

          Flash圖片輪換顯示的效果抽取

          效果一覽:
          <html>
              
          <head>
                  
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                  
          <title>動態(tài)圖片的顯示</title>
              
          </head>
              
          <body>
                  靜態(tài)賦值:
          <br />
                  
          <embed width="260" height="198" 
                  pluginspage
          ="http://www.macromedia.com/go/getflashplayer"
                   type
          ="application/x-shockwave-flash" quality="high" false="" 
                   flashvars
          ="config=1|0xffffff|0x0099ff|50|0xffffff|0x0099ff|0x000000&bcastr_flie=1.jpg|2.jpg|3.jpg|4.jpg|5.jpg&bcastr_link=http://www.baidu.com|http://www.google.com|http://www.sina.com.cn|http://bbs.crsky.com|http://www.aygfsteel.com/supercrsky&bcastr_title=百度|谷歌|新浪|霏凡|我的博客&menu=" 
                   wmode
          ="opaque" src="focus.swf" />
                   
                   
          <script>
                          
          var str = "";
                          
          //圖片輪詢間隔時間(秒)
                          str += "config=5|";
                          
          //下標顏色
                          str += "0xffffff|0x0099ff|50|0xffffff|0x0099ff|0x000000";
                          
          //圖片位置
                          str += "&bcastr_flie=1.jpg|2.jpg|3.jpg|4.jpg|5.jpg";
                          
          //圖片鏈接
                          str += "&bcastr_link=http://www.baidu.com|http://www.google.com|http://www.sina.com.cn|http://bbs.crsky.com|http://www.aygfsteel.com/supercrsky";
                          
          //圖片顯示文字
                          str += "&bcastr_title=百度|谷歌|新浪|霏凡|我的博客&menu=";
                      
                   
          </script>
                   
          <hr />
                   通過JavaScript賦值: 
          <br />
                    
          <embed width="260" id="s" height="198" 
                  pluginspage
          ="http://www.macromedia.com/go/getflashplayer"
                   type
          ="application/x-shockwave-flash" quality="high" false="" 
                   flashvars
          ="" 
                   wmode
          ="opaque" src="focus.swf"/>
                   
          <script>
                       
          var s = document.getElementById("s");
                      //s.flashvars 
          = str;
                            s.setAttribute("flashvars", str);
                   
          </script>
                   
          <hr />
                   通過查詢數(shù)據(jù)庫賦值:
                   這里就不寫了,把數(shù)據(jù)取出來后給flashvars=""賦值就行.用EL或標簽什么的都行.
                   只要注意那幾個固定參數(shù)的含義就行了.
              
          </body>
          </html>

          需要focus.swf我已經(jīng)打包在源碼里了.
          源碼下載

          posted on 2008-07-10 17:20 々上善若水々 閱讀(4404) 評論(7)  編輯  收藏

          評論

          # re: Flash圖片輪換顯示的效果抽取  回復  更多評論   

          點擊圖片后無法鏈接到指定地址 firefox3下通過JavaScript動態(tài)賦值無效
          2008-07-10 19:03 | lvq810

          # re: Flash圖片輪換顯示的效果抽取  回復  更多評論   

          樓上的請下載源碼再說話,你不下載全了,直接運行html 代碼肯定找不到圖片啊.

          下載源碼后可以直接運行,支持FF,IE,Opera等瀏覽器.均經(jīng)過測試.

          2008-07-10 20:17 | 々上善若水々

          # re: Flash圖片輪換顯示的效果抽取  回復  更多評論   

          好東西,先收下,待到用時不恨多。
          2008-07-10 21:20 | 隔葉黃鶯

          # re: Flash圖片輪換顯示的效果抽取  回復  更多評論   

          @々上善若水々
          http://i301.photobucket.com/albums/nn59/lvq810/1-1.jpg
          這是在IE上的截圖 需要在Adobe Flash Player中把.swf文件設置成信任文件
          http://i301.photobucket.com/albums/nn59/lvq810/2-1.jpg
          這是在Firefox3上的截圖 上面的靜態(tài)賦值和IE一樣需要在Adobe Flash Player中把.swf文件設置成信任文件 下面通過js動態(tài)賦值的無法顯示
          2008-07-10 22:09 | lvq810

          # re: Flash圖片輪換顯示的效果抽取  回復  更多評論   

          回樓上,IE,FF均不存在需要設置為信任文件問題,我剛試了下沒問題.
          可能是你的瀏覽器安全級別設置過高引起的.恢復為默認就不
          會提示了.

          不過你說的FF3下,JavaScript不能正常顯示是對的.我用FF3試了下,
          果真JavaScript賦值不成功. Firebug沒提示~....
          2008-07-10 23:00 | supercrsky

          # re: Flash圖片輪換顯示的效果抽取  回復  更多評論   


          s.flashvars = str;
          改成
          s.setAttribute("flashvars", str);
          就行了.

          FF3,IE6下均測試成功

          2008-07-11 11:53 | 々上善若水々

          # re: Flash圖片輪換顯示的效果抽取  回復  更多評論   

          下載地址已經(jīng)更新
          2008-07-11 12:30 | 々上善若水々

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


          網(wǎng)站導航:
          博客園   IT新聞   Chat2DB   C++博客   博問  
           
          主站蜘蛛池模板: 佛冈县| 木兰县| 枣庄市| 如皋市| 青川县| 临潭县| 景东| 尼木县| 简阳市| 遂平县| 广丰县| 徐州市| 黔南| 京山县| 南昌县| 澎湖县| 衡山县| 隆化县| 曲靖市| 东山县| 青铜峡市| 大姚县| 台北市| 金乡县| 遵化市| 南丹县| 于田县| 霸州市| 浙江省| 株洲市| 德江县| 稻城县| 金沙县| 蕉岭县| 凌云县| 砀山县| 洮南市| 嘉峪关市| 三原县| 安阳县| 图们市|