現(xiàn)在各大門戶網(wǎng)站的新聞、

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

就是一張張的焦點(diǎn)新聞大圖不斷切換，圖片下面的文字也隨著圖片的切換而變化，

而且我們還可以手動點(diǎn)擊圖片下面的“1、2、3、4”等手動切換，效果相當(dāng)不錯，讓頁面頓時生色。

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

細(xì)心的朋友可能發(fā)現(xiàn)，當(dāng)我們在這個圖片上面單擊右鍵的時候就會發(fā)現(xiàn)他是一個Flash格式，

很多朋友以為他真是一個Flash，其實(shí)它是一個javascript+XML的特效，

外加一個Flash外殼，通過javascript動態(tài)讀取XML中的數(shù)據(jù)，時刻能自動更新圖片和圖片的標(biāo)題。

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

<script type="text/javascript">
<!--
imgUrl1="圖片鏈接地址1";
imgtext1="圖片文字顯示內(nèi)容1"
imgLink1=escape("鏈接網(wǎng)頁地址1");
imgUrl2="圖片鏈接地址2";
imgtext2="圖片文字顯示內(nèi)容2"
imgLink2=escape("鏈接網(wǎng)頁地址2");
imgUrl3="圖片鏈接地址3";
imgtext3="圖片文字顯示內(nèi)容3"
imgLink3=escape("鏈接網(wǎng)頁地址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>