js文本横向无缝滚动代码实例
文本无缝滚动是比较常见的应用，比如公司的新闻公告等等场景，实现此效果的方式有多种，下面简单介绍一下其中的一种，希望能够给需要的朋友带来帮助，代码实例:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="author" content="/" />
<title>文本横向无缝滚动代码实例-实例</title>
<style type="text/css">
#scrollobj{
white-space:nowrap;
overflow:hidden;
width:400px;
background-color:#CCC;
}
</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;
}
}
window.onload=function(){
var _timer=setInterval("scroll(scrollobj)",20);
scrollobj.onmouseover=_stop;
scrollobj.onmouseout=_start;
function _stop(){
if(_timer!= null){
clearInterval(_timer);
}
}
function _start() {
_timer=setInterval("scroll(document.getElementById('scrollobj'))",20);
}
}
</script>
</head>
<body>
<div id="scrollobj">实例，每一天都是新的，要珍惜当前的时间</div>
</body>
</html>
声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至201542412@QQ.com举报，一经查实，本站将立刻删除。
相关推荐
-
js点击div实现闪烁效果代码实例
此代码实例并没有多大的实际应用效果，但是可以从中获取一些相关知识或者启发。本章节就对此代码实例做一下详细注解，代码如下: chrst
-
js判断变量是不是数字类型代码实例
下面是一段能够判断变量是否是数字类型的代码实例。代码如下:function isNumbr(vl) { rturn tyof vl === numbr && isFinit(vl)
-
js实现jquery的extend()代码实例
大家知道在jqury中xtnd()方法，这里就不多介绍了。具体可以参阅jQury.xtnd()方法一章节。下面就是一段通过原生js实现的xtnd()方法代码实例，当然jqury的也是
-
js检测搜狗浏览器、百度浏览器、微信浏览器代码实例
本章节分享一段代码实例，它实现了对各种浏览器类型的判断功能。比如搜狗浏览器、百度浏览器、微信浏览器等等，这段代码可能会随着时间的推移并不准确，因为浏览器的一些标识可能会发生变化，不过在当前还是非常好用
-
使用ajax方式提交表单代码实例
可能需要使用jx异步方式提交表单，下面就是一个代码片段，需要的朋友可以做一下参考。代码如下:$.jx({ url:mobilSurvyction_ddSurvy.ction,
