posts - 15,  comments - 8,  trackbacks - 0

          現在各大門戶網站的新聞、

          游戲、體育、軟硬件等頁面都有一個類似Flash播放器的動態圖片切換效果,

          就是一張張的焦點新聞大圖不斷切換,圖片下面的文字也隨著圖片的切換而變化,

          而且我們還可以手動點擊圖片下面的“1、2、3、4”等手動切換,效果相當不錯,讓頁面頓時生色。

          例如:http://games.sina.com.cn/ 新浪游戲頻道
          http://sports.sohu.com/ 搜狐體育頻道
          http://www.yesky.com/ 天極網首頁

          細心的朋友可能發現,當我們在這個圖片上面單擊右鍵的時候就會發現他是一個Flash格式,

          很多朋友以為他真是一個Flash,其實它是一個javascript+XML的特效,

          外加一個Flash外殼,通過javascript動態讀取XML中的數據,時刻能自動更新圖片和圖片的標題。

          下面給出代碼供大家參考。其中的focus.swf需要到網上去下載, 下載地址:http://www.webjx.com/js/focus.swf

          <script type="text/javascript">
          <!--
          imgUrl1="圖片鏈接地址1";
          imgtext1="圖片文字顯示內容1"
          imgLink1=escape("鏈接網頁地址1");
          imgUrl2="圖片鏈接地址2";
          imgtext2="圖片文字顯示內容2"
          imgLink2=escape("鏈接網頁地址2");
          imgUrl3="圖片鏈接地址3";
          imgtext3="圖片文字顯示內容3"
          imgLink3=escape("鏈接網頁地址3");


          var focus_width=180//圖片寬
          var focus_height=220//圖片高
          var text_height=18//文字顯示高度
          var swf_height = focus_height+text_height

          var pics=imgUrl1+"|"+imgUrl2+"|"+imgUrl3
          var links=imgLink1+"|"+imgLink2+"|"+imgLink3
          var texts=imgtext1+"|"+imgtext2+"|"+imgtext3

          document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"

          width="'+ focus_width +'" height="'+ swf_height +'">');
          document.write('<param name="allowScriptAccess" value="sameDomain">

          <param name="movie" value="focus.swf"><param name="quality" value="high">

          <param name="bgcolor" value="#F0F0F0">');
          document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
          document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth

          ='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');
          document.write('<embed src="pixviewer.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight

          ='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#F0F0F0" quality="high" width="'+ focus_width +'" height="'+ focus_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'); document.write('</object>');
          </script>

          posted on 2008-07-04 20:41 lvq810 閱讀(456) 評論(0)  編輯  收藏 所屬分類: Html/JavaScript/Ajax
          主站蜘蛛池模板: 常熟市| 稻城县| 晋中市| 原阳县| 兴安县| 宜宾市| 青田县| 师宗县| 曲沃县| 马鞍山市| 北京市| 静乐县| 南陵县| 沂源县| 乌兰察布市| 琼海市| 中方县| 罗田县| 湘潭县| 贵溪市| 神池县| 太保市| 西安市| 辉县市| 凤山市| 枝江市| 乌审旗| 巴青县| 军事| 新宁县| 堆龙德庆县| 华蓥市| 尼勒克县| 浦北县| 花莲县| 满洲里市| 高州市| 佛山市| 建始县| 冕宁县| 崇左市|