如果鼠标移到demo上,demo的内容自动滚动,移开鼠标则停止

解决方案 »

  1.   

    var speed=41; 
    var FGDemo=document.getElementById('demo'); 
    var FGDemo1=document.getElementById('demo1'); 
    var FGDemo2=document.getElementById('demo2');  
     //定义3个对象FGDemo 1 2,
    FGDemo2.innerHTML=FGDemo1.innerHTML  
    //对象.innerHTML=对象.innerHTML   其实就是var a,b;  a=b类似
    function Marquee1(){ 
    if(FGDemo2.offsetHeight-FGDemo.scrollTop <=0) 
    //offsetHeight
    //(IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。
    //     NS、FF 认为 offsetHeight 是网页内容实际高度,可以小于 clientHeight。)
    //scrollTop 获取当前页面的滚动条纵坐标位置 

    FGDemo.scrollTop-=FGDemo1.offsetHeight 
    else{ 
    FGDemo.scrollTop++ 


    //下面就是引用函数
    var MyMar1=setInterval(Marquee1,speed) 
    FGDemo.onmouseover=function() {clearInterval(MyMar1)} 
    FGDemo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)}
      

  2.   

    FGDemo2.innerHTML=FGDemo1.innerHTML            //把1的内容复制到2 
    function Marquee1(){ 
    if(FGDemo2.offsetHeight-FGDemo.scrollTop <=0)   //FGDemo2.offsetHeight<=FGDemo.scrollTop 这样来看容易理解
                                                           其实和 FGDemo1.offsetHeight<=FGDemo.scrollTop 是一个意思
                                                           当FGDemo.scrollTop小于FGDemo1.offsetHeight宽度时
                                                          FGDemo.scrollTop++   大于的时候重新定位

    FGDemo.scrollTop-=FGDemo1.offsetHeight 
    else{ 
    FGDemo.scrollTop++ 


    var MyMar1=setInterval(Marquee1,speed) 
    FGDemo.onmouseover=function() {clearInterval(MyMar1)}    //取消定时器
    FGDemo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)} //设置scrollTop知道这个是什么意思,就应该能理解了
     另外  肯定有个大的div包含着tab   该div的overflow;hidde   这样设置了才能出效果