图片显示(从左上角展开)特效

dn001 2009-06-21 08:54:47

<table width="100%" border="0" cellpadding="4" cellspacing="1" bgcolor="B6B191"> <tr> <td bgcolor="FFFDE8" class="p12h"> <table width="140" border="0" cellspacing="0" align="center"> <tr><td> <div id="article1" style="width:140;"> <TABLE cellSpacing="0" cellPadding="0" width="140" border="0"> <tr><td height=67 align=center><a href=http://www.knowsky.com target=_blank><img src=/upfiles/specials/geren.jpg width=110 height=60 border=0></a></td></tr><tr><td height=67 align=center><a href=http://www.knowsky.com target=_blank><img src=/upfiles/specials/action.jpg width=110 height=60 border=0></a></td></tr><tr><td height=67 align=center><a href=http://www.knowsky.com target=_blank><img src=/upfiles/specials/flash1.jpg width=110 height=60 border=0></a></td></tr><tr><td height=67 align=center><a href=http://www.knowsky.com target=_blank><img src=/upfiles/specials/aplet.jpg width=110 height=60 border=0></a></td></tr><tr><td height=67 align=center><a href=http://www.knowsky.com target=_blank><img src=/upfiles/specials/flash.jpg width=110 height=60 border=0></a></td></tr><tr><td height=67 align=center><a href=http://www.knowsky.com target=_blank><img src=/upfiles/specials/flash.jpg width=110 height=60 border=0></a></td></tr><tr><td height=67 align=center><a href=http://www.knowsky.com target=_blank><img src=/upfiles/specials/net.jpg width=110 height=60 border=0></a></td></tr> </TABLE> </div> <div id="article2" style="position:absolute;z-index:1;visibility:hidden"></div> </td></tr> </table> <script> articleHeight=134; stopscrolla=false; article1.scrollTop=0; //more javascript from http://www.knowsky.com with(article1){ style.width=0; style.height=articleHeight; style.overflowX="visible"; style.overflowY="hidden"; noWrap=true; onmouseover=new Function("stopscrolla=true"); onmouseout=new Function("stopscrolla=false"); } preTopa=0; currentTopa=0; stoptimea=0; function init_srolltext1(){ article2.innerHTML=""; article2.innerHTML+=article1.innerHTML; article1.innerHTML=article2.innerHTML+article2.innerHTML; setInterval("scrollUp1()",50); } function scrollUp1(){ if(stopscrolla==true) return; currentTopa+=1; if(currentTopa==68) { stoptimea+=1; currentTopa-=1; if(stoptimea==50) { currentTopa=0; stoptimea=0; } } else { preTopa=article1.scrollTop; article1.scrollTop+=1; if(preTopa==article1.scrollTop){ article1.scrollTop=article2.offsetHeight-articleHeight; article1.scrollTop+=1; } } } init_srolltext1(); </script>