图片或文字翻滚特效,图片翻滚特效,文字翻滚特效

<div id="icefable1">
         <table width="728"   border="0" cellpadding="0" cellspacing="0">
           <tr>
             <td width="50%" height="60" bgcolor="#0099CC"><img src="1.gif" height="60" /></td><td width="50%" height="60" bgcolor="#0099CC"><img src="2.jpg" height="60" /></td>
           </tr>
           <tr>
             <td width="50%" height="60" bgcolor="#0099CC"><img src="1.gif" height="60" /></td><td width="50%" height="60" bgcolor="#0099CC"><img src="2.jpg" height="60" /></td>
           </tr>
           <tr>
             <td width="50%" height="60" bgcolor="#0099CC"><img src="1.gif" height="60" /></td><td width="50%" height="60" bgcolor="#0099CC"><img src="2.jpg" height="60" /></td>
           </tr>
           <tr>
             <td width="50%" height="60" bgcolor="#0099CC"><img src="1.gif" height="60" /></td><td width="50%" height="60" bgcolor="#0099CC"><img src="2.jpg" height="60" /></td>
           </tr>
         </table>
</div>

<script language="javascript">
marqueesHeight=60;
stopscroll=false;
with(icefable1){
       style.width=0;
       style.height=marqueesHeight;
       style.overflowX="visible";
       style.overflowY="hidden";
       noWrap=true;
       onmouseover=new Function("stopscroll=true");
       onmouseout=new Function("stopscroll=false");
   }
   preTop=0; currentTop=marqueesHeight; stoptime=0;
   icefable1.innerHTML+=icefable1.innerHTML;
  

function init_srolltext(){
   icefable1.scrollTop=0;
   setInterval("scrollUp()",1);
}init_srolltext();

function scrollUp(){
   if(stopscroll==true) return;
   currentTop+=1;
   if(currentTop==marqueesHeight+1)
   {
       stoptime+=1;
       currentTop-=1;
       if(stoptime==300) 
       {
           currentTop=0;
           stoptime=0;          
       }
   }
   else {      
       preTop=icefable1.scrollTop;
       icefable1.scrollTop+=1;
       if(preTop==icefable1.scrollTop){
         icefable1.scrollTop=marqueesHeight;
         icefable1.scrollTop+=1;
        
       }
   }

}
init_srolltext();
</script>

 

posted @ 2013-01-17 17:17  屌丝大叔的笔记  阅读(394)  评论(0编辑  收藏  举报