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>
  • 相关阅读:
    mysql时间日期的加、减
    IDEA 下的svn检出maven代码
    IDEA中如何显示和关闭工具栏、目录栏
    Idea集成使用SVN教程
    Python PEP8 代码规范常见问题及解决方法
    Word文档中手写签名操作说明
    19.名称空间和作用域
    18.函数的参数
    17.文件处理
    16.字符编码
  • 原文地址:https://www.cnblogs.com/subendong/p/2864884.html
Copyright © 2011-2022 走看看