js实现的单行文本不间断无缝滚动效果
分类：实例代码
本章节介绍一下如何利用原生javascript实现但行文本的不简单无缝滚动效果。
这种效果在大量的网站都有使用，站点的公告或者其他功能一般会采用这种形式，下面就通过代码实例简单介绍一下。
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>前端教程网</title>
<style type="text/css">
#scrollobj{
white-space:nowrap;
overflow:hidden;
width:200px;
margin:50px;
}
</style>
<script type="text/javascript">
function scroll(obj){
var tmp=(obj.scrollLeft)++;
if(obj.scrollLeft==tmp){
obj.innerHTML += obj.innerHTML;
}
if(obj.scrollLeft>=obj.firstChild.offsetWidth){
obj.scrollLeft=0;
}
}
setInterval("scroll(document.getElementById('scrollobj'))",20);
</script>
</head>
<body>
<div id="scrollobj">前端教程网欢迎您，只有努力奋斗才会有美好的未来。</div>
</body>
</html>
js实现的单行文本不间断无缝滚动效果，这样的场景在实际项目中还是用的比较多的，关于js实现的单行文本不间断无缝滚动效果就介绍到这了。
js实现的单行文本不间断无缝滚动效果属于前端实例代码，有关更多实例代码大家可以查看。