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>
  • 相关阅读:
    AOP第一个例子
    初学Spring
    MyBatis延迟加载,缓存的使用
    MyBatis关联查询
    MyBatis的基本操作(02)-----Seeeion.commit引起事务的提交,多条件查询,智能标签的应用,ResultMap结果映射
    Js练习题之查找字符串中出现最多的字符和个数
    Js练习题之字符串转驼峰
    Js笔试题之正则表达式
    Js笔试题之千分位格式化
    Js笔试题之parseInt()和.map()
  • 原文地址:https://www.cnblogs.com/subendong/p/2864884.html
Copyright © 2011-2022 走看看