我的漫漫程序之旅

          專注于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 々上善若水々 閱讀(4404) 評論(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 | 々上善若水々

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


          網站導航:
           
          主站蜘蛛池模板: 金溪县| 垫江县| 邯郸市| 扎鲁特旗| 仁化县| 德钦县| 合作市| 五家渠市| 高平市| 临城县| 龙胜| 金塔县| 临泽县| 永顺县| 华安县| 阳泉市| 鹤庆县| 临颍县| 青海省| 茂名市| 新巴尔虎左旗| 昌黎县| 南江县| 全椒县| 防城港市| 车致| 西丰县| 淮滨县| 延川县| 交口县| 四平市| 正镶白旗| 克东县| 瑞昌市| 南乐县| 龙口市| 长汀县| 盐城市| 青龙| 图木舒克市| 阿拉善左旗|