|
藍森林 http://www.lslnet.com 2006年8月25日 8:28
 求金翅擘海幫助
金翅擘海大哥，有個javascript問題，希望能夠幫助我。
我想在一個頁面內加入兩個「從上到下的循環圖片特效」，JS是在其他網站上摘來的，內容如下：
<script>
var speed=50;
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>
在實現第一個滾動特效時，網頁狀態正常，特效滾動也很正常。
當製作第二個滾動特效時，所有改滾動的圖片都不再滾動了。
我猜可能是不能將上段代碼使用在同一個網頁的兩個位置，可能需要改一下函數什麼的，可我不懂javascript，希望金翅擘海和眾高手告訴我應該改哪裡？？？
謝謝了！！！ |
哈哈,金翅擘海是等級~~不是名!
[html]
<DIV id=demo style="overflow:hidden;height :200px;width :95px;background-color:white;color:#ffffff;
border-width :1px 1px 1px 1px;border-style :Dotted dotted dotted dotted;border-color :black black black black;" align=center>
<DIV id=demo1>
<!-- 定義圖片 -->
<IMG src=http://www.cnbruce.com/images/logo.gif>
<IMG src=http://www.blueidea.com/img/common/logo.gif>
<IMG src=http://www.cnbruce.com/images/logo.gif>
<IMG src=http://www.blueidea.com/img/common/logo.gif>
<IMG src=http://www.cnbruce.com/images/logo.gif>
<IMG src=http://www.blueidea.com/img/common/logo.gif>
<IMG src=http://www.cnbruce.com/images/logo.gif>
<IMG src=http://www.blueidea.com/img/common/logo.gif>
<IMG src=http://www.cnbruce.com/images/logo.gif>
<IMG src=http://www.blueidea.com/img/common/logo.gif>
</DIV>
<DIV id=demo2>
</DIV>
</DIV>
<br><br><br><br><br>
<DIV id=demo00 style="overflow:hidden;height :200px;width :95px;background-color:white;color:#ffffff;
border-width :1px 1px 1px 1px;border-style :Dotted dotted dotted dotted;border-color :black black black black;" align=center>
<DIV id=demo11>
<!-- 定義圖片 -->
<IMG src=http://www.cnbruce.com/images/logo.gif>
<IMG src=http://www.blueidea.com/img/common/logo.gif>
<IMG src=http://www.cnbruce.com/images/logo.gif>
<IMG src=http://www.blueidea.com/img/common/logo.gif>
<IMG src=http://www.cnbruce.com/images/logo.gif>
<IMG src=http://www.blueidea.com/img/common/logo.gif>
<IMG src=http://www.cnbruce.com/images/logo.gif>
<IMG src=http://www.blueidea.com/img/common/logo.gif>
<IMG src=http://www.cnbruce.com/images/logo.gif>
<IMG src=http://www.blueidea.com/img/common/logo.gif>
</DIV>
<DIV id=demo22>
</DIV>
</DIV>
<SCRIPT>
var speed=100
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>
<SCRIPT>
var speed=30
demo22.innerHTML=demo11.innerHTML
function Marquee(){
if(demo22.offsetTop-demo.scrollTop<=0)
demo00.scrollTop-=demo11.offsetHeight
else{
demo00.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo00.onmouseover=function(){clearInterval(MyMar)}
demo00.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
</SCRIPT>
[/html] |
|
