<html xmlns="
http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Picture operation test</title>
</head>
<body>
<form id="form1" runat="server">
<div id="demo" style="overflow: hidden; width:300px;">
<table cellspacing="0" cellpadding="0" align="left" border="0">
<tr>
<td id="demo1">
<table width="400" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="50" ><img src="Images/1.jpg" /></td>
<td width="50" ><img src="Images/2.jpg" /></td>
<td width="50" ><img src="Images/3.jpg" /></td>
<td width="50" ><img src="Images/4.jpg" /></td>
</tr>
</table>
</td>
<td id="demo2"></td>
</tr>
</table>
</div>
</form>
<script type="text/javascript">
var speed3=25//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth;
else
demo.scrollLeft++
}
var MyMar=setInterval(Marquee,speed3)
demo.οnmοuseοver=function() {clearInterval(MyMar)}
demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed3)}
</script>
</body>
</html>
<head runat="server">
<title>Picture operation test</title>
</head>
<body>
<form id="form1" runat="server">
<div id="demo" style="overflow: hidden; width:300px;">
<table cellspacing="0" cellpadding="0" align="left" border="0">
<tr>
<td id="demo1">
<table width="400" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="50" ><img src="Images/1.jpg" /></td>
<td width="50" ><img src="Images/2.jpg" /></td>
<td width="50" ><img src="Images/3.jpg" /></td>
<td width="50" ><img src="Images/4.jpg" /></td>
</tr>
</table>
</td>
<td id="demo2"></td>
</tr>
</table>
</div>
</form>
<script type="text/javascript">
var speed3=25//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth;
else
demo.scrollLeft++
}
var MyMar=setInterval(Marquee,speed3)
demo.οnmοuseοver=function() {clearInterval(MyMar)}
demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed3)}
</script>
</body>
</html>