<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>图片滚动播放</title>
</head>
<body>
<div id=demo style="overflow:hidden;width:500px;border:2px solid #e0e0e0;padding:2px;" >
<div id="demo1" style="white-space:nowrap;padding:0;">
<a href="javascript:alert('发表新贴');"><img src="images/temp.jpg" border=0></a>
<a href="javascript:alert('发表回复');"><img src="images/temp1.jpg" border=0></a>
<a href="javascript:alert('发表新贴');"><img src="images/temp2.jpg" border=0></a>
</div>
</div>
<!--滚动的javascript-->
<script>
var demo=document.getElementById('demo');
var demo1=document.getElementById('demo1');
var t=demo.scrollWidth;
demo1.innerHTML+=demo1.innerHTML;
function doMarquee(){
demo.scrollLeft=demo.scrollLeft<demo.scrollWidth-demo.offsetWidth?demo.scrollLeft+1:t-demo.offsetWidth;
}
function doScroll()
{
sc=setInterval(doMarquee,20);
}
function stopScroll(){
clearInterval(sc);
}
doScroll();
</script>
</body>
</html>
