重工电子论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 7130|回复: 0
打印 上一主题 下一主题

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

[复制链接]

299

主题

684

帖子

7009

积分

学生管理组

Rank: 8Rank: 8

积分
7009
跳转到指定楼层
楼主
发表于 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>
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-12-22 16:55 , Processed in 2.429070 second(s), 28 queries .

Powered by Discuz! X3.1

© 2001-2013 Comsenz Inc.

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