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>
  • 相关阅读:
    KMP的next
    关于codeblocks左边文件栏不见的问题
    数据结构第二章内容
    设置notepad++ 的 tab 设为4个空格和设置为中文语言
    字面量
    ..没什么
    今天做的HTML练习
    DAY 145 django的聚合函数和aggregate、annotate方法使用
    DAY 144 Math.round()/Math.ceil()/Math.floor()差异
    DAY 143 DRF-Django rest framework
  • 原文地址:https://www.cnblogs.com/subendong/p/2864884.html
Copyright © 2011-2022 走看看