百度空间 | 百度首页 
 
查看文章
 
无缝滚动文字代码 常用
2008-08-09 17:31

<div id=ami style=overflow:hidden;height:50;width:150>
<div id=ami1>
我是打头的<br>
我向上运动<br>
我向上运动<br>
我向上运动<br>
我向上运动<br>
我向上运动<br>
我向上运动
</div>
<div id=ami2></div>
</div>
<script>
var speed=30;
ami2.innerHTML=ami1.innerHTML
function Marquee()
{
if(ami2.offsetTop-ami.scrollTop<=0)
ami.scrollTop-=ami1.offsetHeight;
else
ami.scrollTop++;
}
var MyMar=setInterval(Marquee,speed)
ami.onmouseover=function() {clearInterval(MyMar)}
ami.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

  1. <script>   
  2. var speed=30;   //设变量 滚动速度变量speed =30                     
  3. ami2.innercode=ami1.innercode //复制ami1的code代码给ami2   
  4. function Marquee()   
  5. {   
  6.         if(ami2.offsetTop-ami.scrollTop<=0) //如果ami2.offset-ami.scrolltop<=0(也就是ami1的内容滚动结束)则ami2开始滚动   
  7.                  ami.scrollTop-=ami1.offsetHeight; //ami.scrolltop此时的值为ami2滚动的长度   
  8.         else  
  9.                  ami.scrollTop++;//否则ami1继续滚动咯   
  10. }   
  11. var MyMar=setInterval(Marquee,speed)//每隔30毫秒 执行一次   
  12. ami.onmouseover=function() {clearInterval(MyMar)} //鼠标移过 停止执行   
  13. ami.onmouseout=function() {MyMar=setInterval(Marquee,speed)}//滑出 继续执行   
  14. </script>   

类别:网络 | 添加到搜藏 | 浏览() | 评论 (0)
 
最近读者:
 
网友评论:
发表评论:
姓 名:
网址或邮箱: (选填)
内 容:
验证码: 请点击后输入四位验证码,字母不区分大小写
      

     

©2009 Baidu