Question

dreamweaver两段js代码在浏览器中只能运行一段，估计发生冲突，求大神帮忙修改一下让两个可以同时运行

第一段
<style type="text/css">
.qimo8{ overflow:hidden; width:1365px;}
.qimo8 .qimo {/*width:99999999px;*/width:8000%; height:320px;}
.qimo8 .qimo div{ float:left;}
.qimo8 .qimo ul{float:left; height:320px; overflow:hidden; zoom:0; }
.qimo8 .qimo ul li{float:left; line-height:200px; list-style:none;}
.qimo8 li a{margin-left:200px;color:#444444;}
</style>
<div id="demo" class="qimo8">
<div class="qimo">
<div id="demo1"><img src="1.jpg" width="320" height="160" /><img src="3.jpg" width="320" height="160" /><img src="2.jpg" width="320" height="160" /><img src="4.jpg" width="320" height="160" /></div>
<div id="demo2"></div>
</div>
</div>
<script>
var demo = document.getElementById("demo");
var demo1 = document.getElementById("demo1");
var demo2 = document.getElementById("demo2");
demo2.innerHTML=document.getElementById("demo1").innerHTML;
function Marquee(){
if(demo.scrollLeft-demo2.offsetWidth>=0){
demo.scrollLeft-=demo1.offsetWidth;
}
else{
demo.scrollLeft++;
}
}
var myvar=setInterval(Marquee,20);
demo.onmouseout=function (){myvar=setInterval(Marquee,20);}
demo.onmouseover=function(){clearInterval(myvar);}
</script>

第二段
<div id="demo" style="overflow:hidden;height:300px;width:210px; border:1px solid #000;">
<div id=demo1>
<p> fafafas</p>
<p> dassad</p>
<p> dasdsad</p>
<p> dasdsad</p>
<p> dsadsadasdas</p>
<p> dsadas</p>
<p>
sadas</p>
</div>
<div id=demo2></div>
</div>
<script>
var speed=40 //????,????????
var demo=document.getElementById("demo"); //??????
var demo2=document.getElementById("demo2"); //???????
var demo1=document.getElementById("demo1"); //??????
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

Answer 1

把相同的id名改下就好了

追问

我改了但是不行啊，不知道我是不是改错了，您能帮我改一下吗

追答

好， 帮你看下

追问

谢谢了，大哥

追答

还是命名问题， 一个是id冲突， 一个是变量冲突。你在第二段代码里面处理两个地方：
第一：所有html ID全部加上 _2,如demo_2;
第二：所有变量也全部加上 _2

追问

我试试

追答

第二段

<div id="demo_2" style="overflow:hidden;height:300px;width:210px; border:1px solid #000;">
    <div id=demo1_2>
        <p> fafafas</p>
        <p> dassad</p>
        <p> dasdsad</p>
        <p> dasdsad</p>
        <p> dsadsadasdas</p>
        <p> dsadas</p>
        <p>sadas</p>
    </div>
    <div id=demo2_2></div>
</div>
<script>
    var speed_2 = 40 //????,????????
    var demo_2 = document.getElementById("demo_2"); //??????
    var demo2_2 = document.getElementById("demo2_2"); //???????
    var demo1_2 = document.getElementById("demo1_2"); //??????
    demo2_2.innerHTML = demo1_2.innerHTML
    function Marquee_2() {
        if (demo2_2.offsetTop - demo_2.scrollTop <= 0)
            demo_2.scrollTop -= demo1_2.offsetHeight
        else {
            demo_2.scrollTop++
        }
    }
    var MyMar_2 = setInterval(Marquee_2, speed_2)
    demo_2.onmouseover = function () {
        clearInterval(MyMar_2)
    }
    demo_2.onmouseout = function () {
        MyMar_2 = setInterval(Marquee_2, speed_2)
    }
</script>

追问

好好

我再看看

追答

嗯， 成功就采纳吧， 呵呵

追问

大哥

谢谢

以采纳