网页无缝滚动一般是用JS写的。下面给一段你参考。
<!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>
<style>
#marquee{width:562px; height:202px; margin:0 auto; position:relative; border:1px solid #000;}
#marquee ul{padding:0; margin:0; list-style-type:none; position:absolute; left:0;}
#marquee ul li{width:140px; height:200px; float:left;}
</style>
<script>
window.onload=function ()
{
var aUl=document.getElementById('marquee').getElementsByTagName('ul')[0]; //获取 div中的ul，要让图片滚动其实就是改变ul的left值。
var aLi=aUl.getElementsByTagName('li');
var iSpeed=3;
var timer=null;
aUl.innerHTML+=aUl.innerHTML; //复制一份ul
aUl.style.width=aLi[0].offsetWidth*aLi.length+'px'; //使ul的宽度为所有li的宽度的总和
function autoMove() //定义一个函数，让ul动起来。
{
aUl.style.left=aUl.offsetLeft-iSpeed+'px'; // 让ul的left减去3，现在只是减一次。
if(aUl.offsetLeft<-aUl.offsetWidth/2)
{
aUl.style.left=0; //做一个判断如果如果ul的left过了他自身宽度的一半，把他的left拉回来，变成0.
};
};
timer=setInterval(autoMove,30); // 开一个定时器让之前的函数每隔0.03秒执行一次。从而实现不断滚动。
aUl.onmouseover=function () // 让鼠标移到ul上停止滚动
{
clearInterval(timer);
};
aUl.onmouseout=function () //移出时重新滚动。
{
timer=setInterval(autoMove,30);
};
};
</script>
</head>
<body>
<div id="marquee">
<ul>
<li><img src="1" height="200" width="140" alt="图片" /></li>
<li><img src="1" height="200" width="140" alt="图片" /></li>
<li><img src="1" height="200" width="140" alt="图片" /></li>
<li><img src="1" height="200" width="140" alt="图片" /></li>
<li><img src="1" height="200" width="140" alt="图片" /></li>
</ul>
</div>
</body>
</html>