急求网页设计问题!!!感激不尽!!!!
以下代码,图片为向右运动,如何修改使图片向左运动??求各位高手帮忙!!!
<div id=demo style=overflow:hidden;height:128;width:930>
<table border=0 align=left cellpadding=0 cellspacing="0" cellspace=0>
<tr>
<td id=demo1 valign=top><img src="1.jpg"><img src="2.jpg"><img src="3.jpg"><img src="4.jpg"><img src="5.jpg"><img src="6.jpg"><img src="7.jpg"><img src="8.jpg">
</td>
<td width="0" valign=top id=demo2></td>
</tr>
</table>
</div>
<script>
var speed=5
demo2.innerHTML=demo1.innerHTML
demo.scrollLeft=demo.scrollWidth
function Marquee(){
if(demo.scrollLeft<=0)
demo.scrollLeft+=demo2.offsetWidth
else{
demo.scrollLeft--
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
把left都改成right,图片就不动了
domainclub:
很感谢你的帮忙,根据你的代码,图片可以向左运动了,但是过一段时间图片就不动了,怎样才能让图片永久地向左运动?希望能再得到你的帮忙,感激不尽!!!!
将如下代码放到<body></body>之间
<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="100>
<div id=demo style=overflow:hidden;height:128;width:930>
<table border=0 align=left cellpadding=0 cellspacing="0" cellspace=0>
<tr>
<td id=demo1 valign=top><img src="1.jpg"><img src="2.jpg"><img src="3.jpg"><img src="4.jpg"><img src="5.jpg"><img src="6.jpg"><img src="7.jpg"><img src="8.jpg">
</td>
<td width="0" valign=top id=demo2></td>
</tr>
</table>
</div>
</marquee>
<marquee width="100" height="30" behavior="scroll" direction="left" scrollamount="1" scrolldelay="30" onMouseOver="this.stop()" onMouseOut="this.start()"><img src="1.jpg"><img src="2.jpg"><img src="3.jpg"><img src="4.jpg"><img src="5.jpg"><img src="6.jpg"><img src="7.jpg"><img src="8.jpg"></marquee>
<table border=0 align=right cellpadding=0 cellspacing="0" cellspace=0>
<tr>
<td id=demo1 valign=top><img src="1.jpg"><img src="2.jpg"><img src="3.jpg"><img src="4.jpg"><img src="5.jpg"><img src="6.jpg"><img src="7.jpg"><img src="8.jpg">
</td>
<td width="0" valign=top id=demo2></td>
</tr>
</table>
</div>
<script>
var speed=5
demo2.innerHTML=demo1.innerHTML
demo.scrollRight=demo.scrollWidth
function Marquee(){
if(demo.scrollRight<=0)
demo.scrollLeft+=demo2.offsetWidth
else{
demo.scrollRight--
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
<script>
var speed=5
demo2.innerHTML=demo1.innerHTML
demo.scrollLeft=0;
function Marquee(){
if(demo.scrollLeft>=demo.scrollWidth)
demo.scrollLeft=0;
else{
demo.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>本回答被提问者采纳
