在网页设计中怎样设计图片在水平方向上移动
发布网友
发布时间：2023-07-21 14:07
共3个回答
热心网友
时间：2024-11-08 17:16
<!--使用说明：
1、将以下代码拷贝到你的页面中，在图片占位符的位置替换为你的图片即可。
2、下面代码开头的“WIDTH: 730px; HEIGHT: 160px”可以设定宽和高。-->
<div align="center"><div id="demo" style="OVERFLOW: hidden; WIDTH: 730px; HEIGHT: 160px">
<table width="730">
<tbody>
<tr>
<td id="demo1" width="730"><table cellspacing="0">
<tbody>
<tr>
<td><img src="" alt="" name="A" width="200" height="150" id="A" style="background-color: #00FF00" /></td>
<td><img src="" alt="" name="B" width="200" height="150" id="B" style="background-color: #FF0000" /></td>
<td><img src="" alt="" name="C" width="200" height="150" id="C" style="background-color: #0000FF" /></td>
<td><img src="" alt="" name="D" width="200" height="150" id="D" style="background-color: #00FF00" /></td>
<td><img src="" alt="" name="E" width="200" height="150" id="E" style="background-color: #FF0000" /></td>
</tr>
</tbody>
</table></td>
<td id="demo2" width="5"></td>
</tr>
</tbody>
</table>
</div>
<SCRIPT>
var speed=10 //速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</SCRIPT></div>
热心网友
时间：2024-11-08 17:17
<img src="图片">
</marquee>
热心网友
时间：2024-11-08 17:17
