zoukankan      html  css  js  c++  java
  • 图片或文字翻滚特效,图片翻滚特效,文字翻滚特效

    <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>
  • 相关阅读:
    Java微信二次开发(八)
    Java微信二次开发(七)
    Java微信二次开发(六)
    Java微信二次开发(五)
    Java微信二次开发(四)
    Java微信二次开发(三)
    IIS中X509Certificate遇见的问题
    SQL Server 数据库定时自动备份
    ASP.NET 5 (vNext) 理解和概述
    ASP.NET 5 (vNext) Linux部署
  • 原文地址:https://www.cnblogs.com/subendong/p/2864884.html
Copyright © 2011-2022 走看看