html借助marquee实现文字左右滚动
2016-06-16来源:易贤网

代码如下:

<body>

//借助于marquee

<marquee behavior=scroll contenteditable=true onstart=this.firstchild.innerhtml+=this.firstchild.innerhtml; scrollamount=3 width=100>

<span unselectable=on>这里是要滚动的内容</span>

</marquee>

//普通的实现方法

<div id=scrollobj style=white-space:nowrap;overflow:hidden;width:500px;>

<span>这里是要滚动的内容</span>

</div>

<script language=javascript 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>

</body>

2026公务员·事业单位培训课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息