<!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/temp.jpg" border=0></a>
<a href="javascript:alert('发表新贴');"><img src="images/temp.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>

 posted on 2008-08-28 14:50  刘卿  阅读(453)  评论(0编辑  收藏  举报