图片滚动,鼠标放上去后不能停止滚动,不知哪里出错了
            <script type="text/javascript"> 
                var speed = 20;//滚动速度值,值越大速度越慢 

// var demo=document.getElementById("demo");
// var demo=document.getElementById("demo1");
// var demo=document.getElementById("demo2");
// var nnn=200/demo1.offsetHeight;
// for(i=0;i"+demo1.innerHTML}
// demo2.innerHTML = demo1.innerHTML //克隆demo2为demo1
function Marquee()
{
if(demo2.offsetWidth-demo.scrollLeft<=0) //当滚动至demo1与demo2交界时
{
demo.scrollLeft -= demo1.offsetWidth //demo跳到最顶端
}
else
{
demo.scrollLeft ++
}

                } 
                var MyMar=setInterval(Marquee,speed);//设置定时器
                demo.onmouseover=function(){clearInterval(MyMar)}//鼠标经过时清除定时器达到滚动停止的目的
                demo.onmouseout = function(){MyMar = setInterval(Marquee,speed)} 
                window.onload = function() 
                { 
                    if(demo.offsetWidth < demo1.offsetWidth) 
                    { 
                    demo2.innerHTML=demo1.innerHTML 
                    var MyMar=setInterval(Marquee,speed) 
                    } 
                } 
            </script>
        </div>

2个回答

少了段代码
<br><br> [code=&quot;java&quot;] demo2.innerHTML=demo1.innerHTML;[/code]<br> var speed = 20;//滚动速度值,值越大速度越慢<br><br> // var demo=document.getElementById(&quot;demo&quot;);<br><br> // var demo=document.getElementById(&quot;demo1&quot;);<br><br> // var demo=document.getElementById(&quot;demo2&quot;);<br><br> // var nnn=200/demo1.offsetHeight;<br><br> // for(i=0;i<nnn;i++){demo1.innerHTML+="<br />&quot;+demo1.innerHTML}<br><br> // demo2.innerHTML = demo1.innerHTML //克隆demo2为demo1<br><br> function Marquee()<br><br> {<br><br> if(demo2.offsetWidth-demo.scrollLeft&lt;=0) //当滚动至demo1与demo2交界时<br><br> {<br><br> demo.scrollLeft -= demo1.offsetWidth //demo跳到最顶端<br><br> }<br><br> else<br><br> {<br><br> demo.scrollLeft ++<br><br> } </p> <pre><code> } var MyMar=setInterval(Marquee,speed);//设置定时器 demo.onmouseover=function(){clearInterval(MyMar)}//鼠标经过时清除定时器达到滚动停止的目的 demo.onmouseout = function(){MyMar = setInterval(Marquee,speed)} </code></pre> <p>

[code="java"] <br> var speed = 20;//滚动速度值,值越大速度越慢 <br> // var demo=document.getElementById(&quot;demo&quot;); <br> // var demo=document.getElementById(&quot;demo1&quot;); <br> // var demo=document.getElementById(&quot;demo2&quot;); <br> // var nnn=200/demo1.offsetHeight; <br> // for(i=0;i<nnn;i++){demo1.innerHTML+="<br />&quot;+demo1.innerHTML} <br> // demo2.innerHTML = demo1.innerHTML //克隆demo2为demo1 <br> function Marquee() <br> { <br> if(demo2.offsetWidth-demo.scrollLeft&lt;=0) //当滚动至demo1与demo2交界时 <br> { <br> demo.scrollLeft -= demo1.offsetWidth //demo跳到最顶端 <br> } <br> else <br> { <br> demo.scrollLeft ++ <br> } </p> <pre><code> } var MyMar=setInterval(Marquee,speed);//设置定时器 demo.onmouseover=function(){clearInterval(MyMar)}//鼠标经过时清除定时器达到滚动停止的目的 demo.onmouseout = function(){MyMar = setInterval(Marquee,speed)} </code></pre> <p> [/code]

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问