html借助marquee实现文字左右滚动
发布时间：2014-08-24 09:10:33 作者：佚名 
我要评论
我要评论实现文字左右滚动的方法有两种，一是借助于marquee、二是普通的实现，两种方法各有优缺，看看测试下再做选择
复制代码
代码如下:<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>
相关文章
- 下面小编就为大家带来一篇HTML标签marquee实现滚动效果的简单方法(必看)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，祝大家游戏愉2016-09-19
- 本文给大家介绍使用html标签 - <marquee></marquee>可以实现多种滚动效果，无需js控制，非常不错，具有参考借鉴价值，感兴趣的朋友一起看下吧2016-07-05
- 这篇文章主要介绍了html marquee标签的使用，比较适合新手朋友，marquee的属性比较多，本文通过示例为大家详细展示2014-05-13
- 使用移动属性marquee，不仅仅可以舞动你的文字，还可以应用于图片，表格等等2012-03-14
- HTML(Marquee字符片段滚动),建议用js实现的代码。因为可以实现不间断的滚动。不过学习用用还是不错的。2009-10-29
- Marquee被W3C抛弃了。这句话其实这是错误的，为什么呢，因为Marquee从来都没有被W3C视 为正式标签使用。2009-09-22
- 本节笔者讲述HTML代码中比较特殊的标签，它能使网页中的文字滚动，并且可以控制其滚动的属性。 制作滚动文字 通过本章前面的学习，读者已经能够很好地2009-04-02
- 这篇文章主要介绍了详解html中的marquee属性的相关资料,需要的朋友可以参考下2017-02-06
最新评论