图片滚动代码
1、图片从右到左滚动,且可以实现鼠标指向图片时停动
<div id=demo >
<table cellspacing=0 cellpadding=0 align=left border=0 cellspace="0">
<tbody>
<tr>
<td id=demo1 valign=top><table width="930" height="160" border="0" cellpadding="0" cellspacing="0">
<td width="155"><a href="localhost/lpyz/Untitled-4.asp"><img src="111.jpg" width=155 height=160 border="0" /></a>
<div align="center"
><a href="Untitled-4.asp">乐平一中</a></div></td>
<td width="155"><a href="zsyz.html"><img src="联片教研.jpg" width=155 height=160 border="0" /></a>
<div align="center"
>学校</div></td>
<td width="155"><a href="zszs.html"><img src="IMG_1321.jpg" width=155 height=160 border="0" /></a>
<div align="center"
>电脑教室</div></td>
<td width="155"><a href="zssl.html"><img src="images/cp4.jpg" width=155 height=160 border="0" /></a>
<div align="center"
>FA微型电动葫芦</div></td>
<td width="155"><a href="zsgs.html"><img src="images/cp5.jpg" width=155 height=160 border="0" /></a>
<div align="center"
>悬挂式电动葫芦</div></td>html滚动效果代码
<td width="155"><a href="zshl.html"><img src="images/cp6.jpg" width=155 height=160 border="0" /></a>
<div align="center"
>无线遥控微型电动葫芦</div></td>
</tr>
</table></td>
<td id=demo2 valign=top></td>
</tr>
</tbody>
</table>
</div>
<SCRIPT>
var speed=1
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.setWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
useover=function() {clearInterval(MyMar)}
useout=function() {MyMar=setInterval(Marquee,speed)}
</SCRIPT>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论