javascript 目前颇为流行的图片切换效果（天极网首页）

HTML代码

</p> <p>var widths=282;<br /> var heights=164;<br /> var counts=6;<br /> img1=new Image ();img1.src=’<a href="http://www.yesky.com/imagesnew/software/zhuanti/vista/282x164.jpg" target="_blank" rel="external">http://www.yesky.com/imagesnew/software/zhuanti/vista/282×164.jpg</a>‘;<br /> img2=new Image ();img2.src=’<a href="http://www.yesky.com/imagelist/2007/309/3j6qk84kib65.jpg" target="_blank" rel="external">http://www.yesky.com/imagelist/2007/309/3j6qk84kib65.jpg</a>‘;<br /> img3=new Image ();img3.src=’UploadFile/jscode/2007729214814549.jpg’;<br /> img4=new Image ();img4.src=’UploadFile/jscode/2007729214814651.jpg’;<br /> img5=new Image ();img5.src=’UploadFile/jscode/2007729214815914.jpg’;<br /> img6=new Image ();img6.src=’UploadFile/jscode/2007729214816449.jpg’;<br /> url1=new Image ();url1.src=’<a href="http://www.vhuges.com" target="_blank" rel="external">http://www.vhuges.com</a>‘;<br /> url2=new Image ();url2.src=’<a href="http://www.vhuges.com" target="_blank" rel="external">http://www.vhuges.com</a>‘;<br /> url3=new Image ();url3.src=’<a href="http://www.vhuges.com" target="_blank" rel="external">http://www.vhuges.com</a>‘;<br /> url4=new Image ();url4.src=’<a href="http://www.vhuges.com" target="_blank" rel="external">http://www.vhuges.com</a>‘;<br /> url5=new Image ();url5.src=’<a href="http://www.vhuges.com" target="_blank" rel="external">http://www.vhuges.com</a>‘;<br /> url6=new Image ();url6.src=’<a href="http://www.vhuges.com" target="_blank" rel="external">http://www.vhuges.com</a>‘;<br /> //天极伊永恒原创<br /> var nn=1;<br /> var key=0;<br /> function change_img()<br /> {if(key==0){key=1;}<br /> else if(document.all)<br /> {document.getElementById("pic").filters[0].Apply();document.getElementById("pic").filters[0].Play(duration=2);}<br /> eval(‘document.getElementById("pic").src=img’+nn+’.src’);<br /> eval(‘document.getElementById("url").href=url’+nn+’.src’);<br /> for (var i=1;icounts){nn=1;}<br /> tt=setTimeout(‘change_img()’,4000);}<br /> function changeimg(n){nn=n;window.clearInterval(tt);change_img();}<br /> document.write(”);<br /> document.write(‘.axx{padding:1px 7px;border-left:#cccccc 1px solid;}’);<br /> document.write(‘a.axx:link,a.axx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#666;}’);<br /> document.write(‘a.axx:active,a.axx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#999;}’);<br /> document.write(‘.bxx{padding:1px 7px;border-left:#cccccc 1px solid;}’);<br /> document.write(‘a.bxx:link,a.bxx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}’);<br /> document.write(‘a.bxx:active,a.bxx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}’);<br /> document.write(”);<br /> document.write(‘ <div>‘);<br /> document.write(‘ <div><a id=""url""><img style="border:0;" width='+widths+' height='+heights+' /></a></div> <p>‘);<br /> document.write(‘ <div style="filter:alpha(style=1,opacity=10,finishOpacity=80);">‘);<br /> for(var i=1;i<counts+1;i++){document.write('<a class=""axx"" target=""_self"">‘+i+’</a>‘);}<br /> document.write(‘</div> </div> <p>‘);<br /> change_img();</p> <p>

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]