我的漫漫程序之旅

          專注于JavaWeb開發
          隨筆 - 39, 文章 - 310, 評論 - 411, 引用 - 0
          數據加載中……

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

          效果一覽:
          <html>
              
          <head>
                  
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                  
          <title>動態圖片的顯示</title>
              
          </head>
              
          <body>
                  靜態賦值:
          <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 />
                   通過查詢數據庫賦值:
                   這里就不寫了,把數據取出來后給flashvars=""賦值就行.用EL或標簽什么的都行.
                   只要注意那幾個固定參數的含義就行了.
              
          </body>
          </html>

          需要focus.swf我已經打包在源碼里了.
          源碼下載

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

          評論

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

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

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

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

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

          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上的截圖 上面的靜態賦值和IE一樣需要在Adobe Flash Player中把.swf文件設置成信任文件 下面通過js動態賦值的無法顯示
          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圖片輪換顯示的效果抽取  回復  更多評論   

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

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


          網站導航:
           
          主站蜘蛛池模板: 高青县| 锦州市| 邹城市| 宿迁市| 阜阳市| 清水县| 牙克石市| 三亚市| 霍邱县| 苍梧县| 荃湾区| 沧州市| 衡东县| 留坝县| 奉新县| 古丈县| 镇宁| 霸州市| 通辽市| 大丰市| 灯塔市| 新绛县| 嘉禾县| 金溪县| 交口县| 南投县| 宜良县| 钟祥市| 龙泉市| 敦化市| 德钦县| 灌云县| 木兰县| 晋宁县| 南昌县| 夹江县| 绥中县| 漳州市| 江口县| 清涧县| 和龙市|