<!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>a{display:block;font-size:15px};</style>
</head>
<div id="div1" style="width:300px;height:68px;overflow:hidden">
<a href="javascript:">11111111111111,</a>
<a href="javascript:">2222222222222222 </a>
<a href="javascript:">333333333333333</a>
<a href="javascript:">444444444444444</a>
<a href="javascript:">555555555555555</a>
<a href="javascript:">66666666</a>
<a href="javascript:">777777777777777</a>
</div>
<script>
var t=setInterval(myfunc,1000)
var d=document.getElementById("div1")
function myfunc(){
var o=d.firstChild
d.removeChild(o)
d.appendChild(o)
}
d.οnmοuseοver=function(){clearInterval(t)}
d.οnmοuseοut=function(){t=setInterval(myfunc,1000)}
</script>
<body>
</body>
</html>
最简单的无缝滚动(缺点,不连续,滚动生硬)
最新推荐文章于 2024-09-21 09:29:16 发布