在律师网站建设中，有时候会用到无缝滚动的JS代码，例如用于首页新闻动态等滚动展示，这里把代码贴出，方便大家使用。
<style>
*{
margin:0;
padding:0;
}
#content{
height:200px;
width:500px;
background:pink;
margin:200px;
position:relative;
overflow:hidden;
}
#box{
position: absolute;
top:0;
left:10px;
}
ul{
list-style: none;
}
</style>
<body>
<div id="content">
<div id="box">
<ul id="list">
<li>孙悟空</li>
<li>猪八戒</li>
<li>李白</li>
<li>诸葛亮</li>
<li>诸葛孔明</li>
<li>赵云</li>
<li>关羽</li>
<li>张飞</li>
<li>乞丐</li>
<li>教头</li>
<li>纳三少</li>
<li>车夫</li>
</ul>
<ul>
<li>孙悟空</li>
<li>猪八戒</li>
<li>李白</li>
<li>诸葛亮</li>
<li>诸葛孔明</li>
<li>赵云</li>
<li>关羽</li>
<li>张飞</li>
<li>乞丐</li>
<li>教头</li>
<li>纳三少</li>
<li>车夫</li>
</ul>
</div>
</div>
</body>
</html>
<script src="jquery-1.8.1.min.js"></script>
<script type="text/javascript">
// 原生
var box = document.getElementById("box");
var sTop = document.getElementById("list");
var H = sTop.offsetHeight;//ul的高度
var num = 0;
function autoPlay(){
num--;
box.style.top = num + "px";
if(num < -H){
num = 0;
}
}
setInterval(autoPlay,70)
// jquery
// var H = $("#list").height();
// var num = 0;
// function autoplay(){
// num--;
// $("#box").css("top", num)
// if(num < -H){
// num = 0;
// }
// }
// setInterval(autoplay,70)
</script>
刑事律师网站模板、响应式深灰色大气律师网站模板
￥1000.00
律师网站模板、律师事务所网站模板【响应式，蓝色简洁大气风格】
￥1000.00
简洁大气的响应式律师事务所网站设计模板，兼容移动端
￥50.00
成都律品科技有限公司专注律师互联网营销技术服务，创始人员2009年开始从事律师行业互联网技术开发、营销运营工作已十年，2018年公司正式成立，不断探索律师行业服务需求，致力于为律师行业提供透明、优质的服务,现已为全国多家律师事务所、律师团队提供互联网技术及营销支持。
152-0832-9147
105991110
微信咨询