函数调用

各位大哥我确实不行了。下面这个程序我已经发了几篇帖子了。如果我调用<script>脚本 如果只调用一次没有问题。但是如果调用两次。就没有用了。请问是怎么回事啊。谢谢了<html>
<head>
<title>左右滚动的图片效果 - 51windows.Net</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#999999"><table border="1" width="760" align="center">
  <tr>
    <td width="215"> </td>
    <td width="545">
<!-- 滚动代码 begin -->
<div id="demo" style="overflow:hidden;height:120px;width:543px;">
<table width="100%" cellspacing="0">
<tr>
<td id="demo1">
<table cellspacing="0" cellspacing="2">
<tr>
<td><a href="http://www.51windows.net/mypic/sight/page_01.htm" target="_blank"><img src="http://www.51windows.net/51wfolder_1/jsimg/TN_Feng016.JPG" border="0"/></a></td>
<td><a href="http://www.51windows.net/mypic/sight/page_01.htm" target="_blank"><img src="http://www.51windows.net/51wfolder_1/jsimg/TN_Feng017.JPG" border="0"/></a></td>
<td><a href="http://www.51windows.net/mypic/sight/page_01.htm" target="_blank"><img src="http://www.51windows.net/51wfolder_1/jsimg/TN_Feng018.JPG" border="0"/></a></td>
<td><a href="http://www.51windows.net/mypic/sight/page_01.htm" target="_blank"><img src="http://www.51windows.net/51wfolder_1/jsimg/TN_Feng019.JPG" border="0"/></a></td>
<td><a href="http://www.51windows.net/mypic/sight/page_01.htm" target="_blank"><img src="http://www.51windows.net/51wfolder_1/jsimg/TN_Feng020.JPG" border="0"/></a></td>
<td><a href="http://www.51windows.net/mypic/sight/page_01.htm" target="_blank"><img src="http://www.51windows.net/51wfolder_1/jsimg/TN_Feng021.JPG" border="0"/></a></td>
</tr>
</table>
</td><td id="demo2"></td></tr>
</table>
</div>
<!-- 滚动代码 end -->
</td>
  </tr>
</table>
<table border="1" width="760" align="center">
  <tr>
    <td width="215"> </td>
    <td width="545">
<!-- 滚动代码 begin -->
<div id="demo3" style="overflow:hidden;height:120px;width:543px;">
<table width="100%" cellspacing="0">
<tr>
<td id="demo4">
<table cellspacing="0" cellspacing="2">
<tr>
<td><a href="http://www.51windows.net/mypic/sight/page_01.htm" target="_blank"><img src="http://www.51windows.net/51wfolder_1/jsimg/TN_Feng016.JPG" border="0"/></a></td>
<td><a href="http://www.51windows.net/mypic/sight/page_01.htm" target="_blank"><img src="http://www.51windows.net/51wfolder_1/jsimg/TN_Feng017.JPG" border="0"/></a></td>
<td><a href="http://www.51windows.net/mypic/sight/page_01.htm" target="_blank"><img src="http://www.51windows.net/51wfolder_1/jsimg/TN_Feng018.JPG" border="0"/></a></td>
<td><a href="http://www.51windows.net/mypic/sight/page_01.htm" target="_blank"><img src="http://www.51windows.net/51wfolder_1/jsimg/TN_Feng019.JPG" border="0"/></a></td>
<td><a href="http://www.51windows.net/mypic/sight/page_01.htm" target="_blank"><img src="http://www.51windows.net/51wfolder_1/jsimg/TN_Feng020.JPG" border="0"/></a></td>
<td><a href="http://www.51windows.net/mypic/sight/page_01.htm" target="_blank"><img src="http://www.51windows.net/51wfolder_1/jsimg/TN_Feng021.JPG" border="0"/></a></td>
</tr>
</table>
</td><td id="demo5"></td></tr>
</table>
</div>
<!-- 滚动代码 end -->
</td>
  </tr>
<script language="JavaScript" src="ff.js"/>
</script>
<script type="text/javascript">
var d
var d1
var d2
var d3
var speed1
function scroll1(direct,demo,demo1,demo2,speed){
document.getElementById(demo2).innerHTML=document.getElementById(demo1).innerHTML
document.getElementById(demo1).onmouseover=function(){clearInterval(v1Scroll)}
document.getElementById(demo2).onmouseout=function(){v1Scroll=setInterval(function(){Marquee(d,d1,d2,d3)},speed1) }
document.getElementById(demo2).onmouseover=function(){clearInterval(v1Scroll)}
document.getElementById(demo2).onmouseout=function(){v1Scroll=setInterval(function(){Marquee(d,d1,d2,d3)},speed1)}
var d=direct;
var d1=demo;
var d2=demo1;
var d3=demo2;
var speed1=speed;
v1Scroll=setInterval(function(){Marquee(d,d1,d2,d3)},speed1);
}
function Marquee(direct,MainId,contentId,copyId){
  var objMain = document.getElementById(MainId);
    var objContent = document.getElementById(contentId);
    var objCopy = document.getElementById(copyId);
    var mainWidth = objMain.offsetWidth;
    var contentWidth = objContent.offsetWidth;
    var copyWidth = objCopy.offsetWidth;
    var mainHeight = objMain.offsetHeight;
    var contentHeight = objContent.offsetHeight;
    var copyHeight = objCopy.offsetHeight;
    if (direct=="LEFT"){
        if (copyWidth-objMain.scrollLeft<=0){
            objMain.scrollLeft-=contentWidth;
        }else{
            objMain.scrollLeft+=2;
        }
    }else if (direct=="RIGHT"){
        if (copyWidth-mainWidth-objMain.scrollLeft>=0){
            objMain.scrollLeft=contentWidth + copyWidth - mainWidth;
        }else{
            objMain.scrollLeft-=2;
        }
    }else if (direct=="UP"){
        if (copyHeight-objMain.scrollTop<=0){
            objMain.scrollTop-=contentHeight;
        }else{
            objMain.scrollTop+=2;
        }
    }else if (direct=="DOWN"){
        if (copyHeight-mainHeight-objMain.scrollTop>=0){
            objMain.scrollTop=contentHeight + copyHeight - mainHeight;
        }else{
            objMain.scrollTop-=2;
        }      
    }
}
scroll1('RIGHT','demo','demo1','demo2','5');//如果只调用一次，没有问题。
scroll1('RIGHT','demo','demo1','demo2','5');//再调用一次就没有办法了
</script></body>
</html>

解决方案 »

  1.   

    scroll1('RIGHT','demo','demo1','demo2','5');//如果只调用一次，没有问题。//第二行改成下面这样两行就都可以滚动了
    scroll1('RIGHT','demo3','demo4','demo5','5');不知道是不是你想要的效果 
      

  2.   

    没有问题，参数没改
    <html>
    <head>
    <title>左右滚动的图片效果 - 51windows.Net</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    </head>
    <body bgcolor="#999999"><table border="1" width="760" align="center">
      <tr>
        <td width="215"> </td>
        <td width="545">
    <!-- 滚动代码 begin -->
    <div id="demo" style="overflow:hidden;height:120px;width:543px;">
    <table width="100%" cellspacing="0">
    <tr>
    <td id="demo1">
    <table cellspacing="0" cellspacing="2">
    <tr>
    <td><a href="http://www.51windows.net/mypic/sight/page_01.htm" target="_blank"><img src="http://www.51windows.net/51wfolder_1/jsimg/TN_Feng016.JPG" border="0"/></a></td>
    <td><a href="http://www.51windows.net/mypic/sight/page_01.htm" target="_blank"><img src="http://www.51windows.net/51wfolder_1/jsimg/TN_Feng017.JPG" border="0"/></a></td>
    <td><a href="http://www.51windows.net/mypic/sight/page_01.htm" target="_blank"><img src="http://www.51windows.net/51wfolder_1/jsimg/TN_Feng018.JPG" border="0"/></a></td>
    <td><a href="http://www.51windows.net/mypic/sight/page_01.htm" target="_blank"><img src="http://www.51windows.net/51wfolder_1/jsimg/TN_Feng019.JPG" border="0"/></a></td>
    <td><a href="http://www.51windows.net/mypic/sight/page_01.htm" target="_blank"><img src="http://www.51windows.net/51wfolder_1/jsimg/TN_Feng020.JPG" border="0"/></a></td>
    <td><a href="http://www.51windows.net/mypic/sight/page_01.htm" target="_blank"><img src="http://www.51windows.net/51wfolder_1/jsimg/TN_Feng021.JPG" border="0"/></a></td>
    </tr>
    </table>
    </td><td id="demo2"></td></tr>
    </table>
    </div>
    <!-- 滚动代码 end -->
    </td>
      </tr>
    </table>
    <table border="1" width="760" align="center">
      <tr>
        <td width="215"> </td>
        <td width="545">
    <!-- 滚动代码 begin -->
    <div id="demo3" style="overflow:hidden;height:120px;width:543px;">
    <table width="100%" cellspacing="0">
    <tr>
    <td id="demo4">
    <table cellspacing="0" cellspacing="2">
    <tr>
    <td><a href="http://www.51windows.net/mypic/sight/page_01.htm" target="_blank"><img src="http://www.51windows.net/51wfolder_1/jsimg/TN_Feng016.JPG" border="0"/></a></td>
    <td><a href="http://www.51windows.net/mypic/sight/page_01.htm" target="_blank"><img src="http://www.51windows.net/51wfolder_1/jsimg/TN_Feng017.JPG" border="0"/></a></td>
    <td><a href="http://www.51windows.net/mypic/sight/page_01.htm" target="_blank"><img src="http://www.51windows.net/51wfolder_1/jsimg/TN_Feng018.JPG" border="0"/></a></td>
    <td><a href="http://www.51windows.net/mypic/sight/page_01.htm" target="_blank"><img src="http://www.51windows.net/51wfolder_1/jsimg/TN_Feng019.JPG" border="0"/></a></td>
    <td><a href="http://www.51windows.net/mypic/sight/page_01.htm" target="_blank"><img src="http://www.51windows.net/51wfolder_1/jsimg/TN_Feng020.JPG" border="0"/></a></td>
    <td><a href="http://www.51windows.net/mypic/sight/page_01.htm" target="_blank"><img src="http://www.51windows.net/51wfolder_1/jsimg/TN_Feng021.JPG" border="0"/></a></td>
    </tr>
    </table>
    </td><td id="demo5"></td></tr>
    </table>
    </div>
    <!-- 滚动代码 end -->
    </td>
      </tr><script type="text/javascript">
    var d
    var d1
    var d2
    var d3
    var speed1
    function scroll1(direct,demo,demo1,demo2,speed){
    document.getElementById(demo2).innerHTML=document.getElementById(demo1).innerHTML
    document.getElementById(demo1).onmouseover=function(){clearInterval(v1Scroll)}
    document.getElementById(demo2).onmouseout=function(){v1Scroll=setInterval(function(){Marquee(d,d1,d2,d3)},speed1) }
    document.getElementById(demo2).onmouseover=function(){clearInterval(v1Scroll)}
    document.getElementById(demo2).onmouseout=function(){v1Scroll=setInterval(function(){Marquee(d,d1,d2,d3)},speed1)}
    var d=direct;
    var d1=demo;
    var d2=demo1;
    var d3=demo2;
    var speed1=speed;
    v1Scroll=setInterval(function(){Marquee(d,d1,d2,d3)},speed1);
    }
    function Marquee(direct,MainId,contentId,copyId){
      var objMain = document.getElementById(MainId);
        var objContent = document.getElementById(contentId);
        var objCopy = document.getElementById(copyId);
        var mainWidth = objMain.offsetWidth;
        var contentWidth = objContent.offsetWidth;
        var copyWidth = objCopy.offsetWidth;
        var mainHeight = objMain.offsetHeight;
        var contentHeight = objContent.offsetHeight;
        var copyHeight = objCopy.offsetHeight;
        if (direct=="LEFT"){
            if (copyWidth-objMain.scrollLeft<=0){
                objMain.scrollLeft-=contentWidth;
            }else{
                objMain.scrollLeft+=2;
            }
        }else if (direct=="RIGHT"){
            if (copyWidth-mainWidth-objMain.scrollLeft>=0){
                objMain.scrollLeft=contentWidth + copyWidth - mainWidth;
            }else{
                objMain.scrollLeft-=2;
            }
        }else if (direct=="UP"){
            if (copyHeight-objMain.scrollTop<=0){
                objMain.scrollTop-=contentHeight;
            }else{
                objMain.scrollTop+=2;
            }
        }else if (direct=="DOWN"){
            if (copyHeight-mainHeight-objMain.scrollTop>=0){
                objMain.scrollTop=contentHeight + copyHeight - mainHeight;
            }else{
                objMain.scrollTop-=2;
            }      
        }
    }
    scroll1('RIGHT','demo','demo1','demo2','5');//如果只调用一次，没有问题。
    scroll1('RIGHT','demo3','demo4','demo5','5');//再调用一次就没有办法了
    </script></body>
    </html>
      

  3.   

    我解决了 </script>
    <script type="text/javascript">
    function scroll1(direct,demo,demo1,demo2,speed){
    document.getElementById(demo2).innerHTML=document.getElementById(demo1).innerHTML
    var v1Scroll=setInterval(function(){Marquee(direct,demo,demo1,demo2)},speed);
    document.getElementById(demo1).onmouseover=function(){clearInterval(v1Scroll)}
    document.getElementById(demo1).onmouseout=function(){v1Scroll=setInterval(function(){Marquee(direct,demo,demo1,demo2)},speed) }
    document.getElementById(demo2).onmouseover=function(){clearInterval(v1Scroll)}
    document.getElementById(demo2).onmouseout=function(){v1Scroll=setInterval(function(){Marquee(direct,demo,demo1,demo2)},speed)}}
    function Marquee(direct,MainId,contentId,copyId){
      var objMain = document.getElementById(MainId);
        var objContent = document.getElementById(contentId);
        var objCopy = document.getElementById(copyId);
        var mainWidth = objMain.offsetWidth;
        var contentWidth = objContent.offsetWidth;
        var copyWidth = objCopy.offsetWidth;
        var mainHeight = objMain.offsetHeight;
        var contentHeight = objContent.offsetHeight;
        var copyHeight = objCopy.offsetHeight;
        if (direct=="LEFT"){
            if (copyWidth-objMain.scrollLeft<=0){
                objMain.scrollLeft-=contentWidth;
            }else{
                objMain.scrollLeft+=2;
            }
        }else if (direct=="RIGHT"){
            if (copyWidth-mainWidth-objMain.scrollLeft>=0){
                objMain.scrollLeft=contentWidth + copyWidth - mainWidth;
            }else{
                objMain.scrollLeft-=2;
            }
        }else if (direct=="UP"){
            if (copyHeight-objMain.scrollTop<=0){
                objMain.scrollTop-=contentHeight;
            }else{
                objMain.scrollTop+=2;
            }
        }else if (direct=="DOWN"){
            if (copyHeight-mainHeight-objMain.scrollTop>=0){
                objMain.scrollTop=contentHeight + copyHeight - mainHeight;
            }else{
                objMain.scrollTop-=2;
            }      
        }
    }
     scroll1('DOWN','hdemo','hdemo1','hdemo2','12'); scroll1('RIGHT','demo','demo1','demo2','12');
    </script>
    这样子就可以了 不知道为什么 直接传递就没有问题。