<!--
http://www.sina.com.cn
-->
<!--
bbs http://bbs.sina.com.cn
-->
<!--
要完成此效果需要两个步骤第一步：把如下代码加入到<body>区域中
-->
<
STYLE
>
...
.spanstyle {...}{
LEFT: -5000px; POSITION: absolute
}
</
STYLE
>
<
script
>
...<!--var imgwidth=468var imgheight=120var imgurl=new Array()imgurl[0]="http://www.99new.com.cn/supesite/templates/default/images/logo.gif"imgurl[1]="http://t6.baidu.com/it/u=2485649216,1661748369&gp=6.jpg"imgurl[2]="http://t2.baidu.com/it/u=2513178588,3695421077&gp=20.jpg"imgurl[3]="http://t2.baidu.com/it/u=28391357,514013762&gp=42.jpg"imgurl[4]="http://t5.baidu.com/it/u=1962086965,3352370983&gp=40.jpg"imgurl[5]="http://t2.baidu.com/it/u=866208123,4053272798&gp=6.jpg"var imgpreload=new Array()for (i=0;i<=imgurl.length-1;i++) ...{imgpreload[i]=new Image()imgpreload[i].src=imgurl[i]
}var x_finalpos=300var y_finalpos=200var x_slices=8var y_slices=3var pause=10var screenwidth=800var screenheight=500var x_step=new Array()var y_step=new Array()var x_randompos=0var y_randompos=0var i_loop=0var max_loop=20var i_image=0var width_slice=Math.floor(imgwidth/x_slices)var height_slice=Math.floor(imgheight/y_slices)var cliptop=0var clipbottom=height_slicevar clipleft=0var clipright=width_slicevar spancounter=0function initiate() ...{cliptop=0clipbottom=height_sliceclipleft=0clipright=width_slicei_loop=0spancounter=0if (document.all) ...{for (i=0;i<=y_slices-1;i++) ...{for (ii=0;ii<=x_slices-1;ii++) ...{var thisspan=eval("document.all.span"+spancounter+".style")x_randompos=Math.ceil(screenwidth*Math.random())y_randompos=Math.ceil(screenheight*Math.random())thisspan.posLeft=x_randomposthisspan.posTop=y_randomposthisspan.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"clipleft+=width_sliceclipright+=width_slicespancounter++}clipleft=0clipright=width_slicecliptop+=height_sliceclipbottom+=height_slice}}explode_IE()}function changeimage() ...{spancounter=0for (i=0;i<=y_slices-1;i++) ...{for (ii=0;ii<=x_slices-1;ii++) ...{var thisspan=eval("document.all.span"+spancounter+".style")thisspan.posLeft=-5000thisspan.posTop=-5000spancounter++}}spancounter=0if (i_image>imgurl.length-1) ...{i_image=0}for (i=0;i<=y_slices-1;i++) ...{for (ii=0;ii<=x_slices-1;ii++) ...{var thisinnerspan=eval("span"+spancounter)thisinnerspan.innerHTML="<img src='"+imgurl[i_image]+"'>"spancounter++}}i_image++initiate()}function explode_IE() ...{spancounter=0if (i_loop<=max_loop-1) ...{for (i=0;i<=y_slices-1;i++) ...{for (ii=0;ii<=x_slices-1;ii++) ...{var thisspan=eval("document.all.span"+spancounter+".style")x_step[spancounter]=(x_finalpos-thisspan.posLeft)/(max_loop-i_loop)y_step[spancounter]=(y_finalpos-thisspan.posTop)/(max_loop-i_loop)thisspan.posLeft+=x_step[spancounter]thisspan.posTop+=y_step[spancounter]spancounter++}}i_loop++var timer=setTimeout("explode_IE()",pause)}else ...{spancounter=0clearTimeout(timer)var timer=setTimeout("changeimage()",2000)}}-->
</
script
>
<
script
>
...<!--if (document.all) ...{for (i=0;i<=y_slices-1;i++) ...{for (ii=0;ii<=x_slices-1;ii++) ...{document.write("<span id='span"+spancounter+"' class='spanstyle'></span>")spancounter++}}spancounter=0}-->
</
script
>
<!--
第二步：把“onload=changeimage()”加在<body>标记里例如：
-->
<
body
onload
=changeimage()
>