重工电子论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 5506|回复: 0

[其他] 向左循环滚动JS代码

[复制链接]

286

主题

666

帖子

5538

积分

学生管理组

Rank: 8Rank: 8

积分
5538
发表于 2017-3-13 11:54:42 | 显示全部楼层 |阅读模式
[HTML] syntaxhighlighter_viewsource syntaxhighlighter_copycode
<DIV id="scrollobj" style="white-space:nowrap;overflow:hidden;width:300px;" onmouseover="aa()" onmouseout="b()" >
    <!--这个里面装内容-->
[aaa]
[bbb]
[ccc]
[ddd]
[eee]
</DIV>
<script language="javascript" type="text/javascript">

function scroll(obj) {
    var tmp = (obj.scrollLeft)++;  //这里是每次定时器中断来了后都让	scrollLeft自增
	if (obj.scrollLeft == tmp) //这个代码在开始的时候才运行一次。。之后都不会运行了
		obj.innerHTML += obj.innerHTML;
	//当滚动条滚动了初始内容的宽度时滚动条回到最左端
	if (obj.scrollLeft>=obj.offsetWidth)   //昨天那个obj.firstchild是错的 应该直接取width
	    obj.scrollLeft = 0;
    //firstChild.
}

var a =	setInterval("scroll(document.getElementById('scrollobj'))",20);
function aa(){
clearInterval(a);
}
function b(){
a=setInterval("scroll(document.getElementById('scrollobj'))",10);
}

</script>
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|cqutlab ( 渝ICP备15004556号

GMT+8, 2024-3-29 23:49 , Processed in 0.187821 second(s), 31 queries .

Powered by Discuz! X3.1

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表