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>
  • 相关阅读:
    Spring整合hibernate4:事务管理
    eclipse添加约束文件
    转]@SuppressWarnings 详解
    spring + springMVC +hibernate 配置2
    spring +spring+ hibernate配置1
    eclipse下 hibernate逆向数据库操作示例!!
    Spring+hibernate 配置实例
    dubbo接口快速测试技巧
    Spring Boot Starter列表
    Spring Boot Starters是什么?
  • 原文地址:https://www.cnblogs.com/subendong/p/2864884.html
Copyright © 2011-2022 走看看