IE 和 Firefox 都兼容的文字滚动效果

<script type="text/javascript"> </script>

< html >
< head >
< title > 21Andy.com  -  兼容IE和FireFox的间隔滚动代码 </ title >
< meta http - equiv = " Content-Type "  content = " text/html; charset=gb2312 "   />
< style type = " text/css " >
<!--
*   { font-size: 12px; font-family: Verdana,Tahoma,Arial; padding: 0; margin: 0; }
body 
{ padding: 30px; }
{ color: #000; text-decoration: none; }
a:hover 
{ color: #F60; }
#andyscroll 
{
    overflow: hidden;
    height: 18px;
    background: #E8F8F8;
    padding: 
0 10px;
}

#scrollmessage 
{
    
float: left;
    text
-align: left;
}

#scrollmessage li 
{
    line
-height: 18px;
}

-->
</ style >
</ head >
< body >
  
< div id = " andyscroll " >
< div id = " scrollmessage " >
  
< ul >
    
< li >< a href = " http://www.21andy.com/ " > 21Andy.com 国内首个XHTML + CSS购物车 </ a ></ li >
    
< li >< a href = " http://www.tctea.com/ " > TCtea.com 铁观音全球直销网站即将启动,敬请关注 !</ a ></ li >
  
</ ul >
</ div >
</ div >
  
< script type = " text/javascript " >
<!--
try {
  
var marqueesHeight = 18;
  
var stopscroll     = false;
  
  
var scrollElem = document.getElementById("andyscroll");
  
with(scrollElem){
    style.width     
= 300;
    style.height    
= marqueesHeight;
    style.overflow  
= 'hidden';
    noWrap          
= true;
  }

  
  scrollElem.onmouseover 
= new Function('stopscroll = true');
  scrollElem.onmouseout  
= new Function('stopscroll = false');
  
  
var preTop     = 0;
  
var currentTop = 0;
  
var stoptime   = 0;
  
      
var leftElem = document.getElementById("scrollmessage");
  
  scrollElem.appendChild(leftElem.cloneNode(
true));
  
      
  init_srolltext();
  
}
catch (e)  {}
  
function  init_srolltext() {
  scrollElem.scrollTop 
= 0;
  setInterval(
'scrollUp()'15);
}

  
function  scrollUp() {
  
if(stopscroll) return;
  currentTop 
+= 1;
  
if(currentTop == 19{
    stoptime 
+= 1;
    currentTop 
-= 1;
    
if(stoptime == 180{
      currentTop 
= 0;
      stoptime 
= 0;
    }

  }
else{
    preTop 
= scrollElem.scrollTop;
    scrollElem.scrollTop 
+= 1;
    
if(preTop == scrollElem.scrollTop){
      scrollElem.scrollTop 
= 0;
      scrollElem.scrollTop 
+= 1;
    }

  }

}

// -->
</ script >
</ body >
</ html >

找了半天才找到的啊
希望大家喜欢
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值