<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>图片跑马灯</title>
</head>
<body>
<div align="center" id="demo" style="overflow: hidden; height: 33px; width: 400px;
border-width: 1px 1px 1px 1px; border-style: dotted dotted dotted dotted;">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td id="demo1">
<img src="images/logo_1.gif"><img src="images/logo/flashempire.gif"><img src="images/logo.gif"><img
src="images/logo_1.gif"><img src="images/logo_1.gif"><img src="images/logo/flashempire.gif"><img
src="images/logo.gif"><img src="images/logo_1.gif"><img src="images/logo/flashempire.gif"></td>
<td id="demo2">
</td>
</tr>
</table>
</div>
<script language="javascript" type="text/javascript">
<!--
var demo = document.getElementById("demo");
var demo1 = document.getElementById("demo1");
var demo2 = document.getElementById("demo2");
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>
</body>
</html>
