Question

两个div 实现同样的效果 js相同 怎么调用

<script type="text/javascript">
<!--
var speed=40; //数字越大速度越慢
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-->
</script>
这是图片滚动的js，现在一个页面两个div都要实现这个滚动效果怎么调用，或者怎么写，急，在线等。

Answer 1

封装一下Marquee这个函数:
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
--------------
改为
function Marquee(obj,obj1,obj2){
if(obj2.offsetWidth-obj.scrollLeft<=0)
obj.scrollLeft-=obj1.offsetWidth
else{
obj.scrollLeft++;
}
}
-----调用的时候传参数进去就可以了，多少个都可以--------------
var MyMar1=setInterval(Marquee(xx,xxx1,xxx2),speed);
var MyMar2=setInterval(Marquee(xx,xxx1,xxx2),speed);
。
。
。
tab.onmouseover=function() {
clearInterval(MyMar1);
clearInterval(MyMar2);
。
。
。
};
tab.onmouseout=function() {
MyMar1=setInterval(Marquee(xx,xxx1,xxx2),speed);
MyMar2=setInterval(Marquee(xx,xxx1,xxx2),speed);
。
。
。
------------这样就可以了--------

追问

按你说的没成功，麻烦能整个js写下来吗？

追答

麻烦烦你把相应分文件打包一下传到网盘，我去下载下来调试看看，调好了再传给你