html 实现文字左右滚动的方法
来源:互联网 发布:linux 删除匹配文件名 编辑:程序博客网 时间:2024/05/21 01:51
<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>
0 0
- html 实现文字左右滚动的方法
- JS实现文字的左右滚动
- js实现文字左右滚动
- html实现滚动文字
- jQuery实现公告文字左右滚动的实例代码
- 实现android之文字左右滚动
- 只用html就可以实现图像的左右滚动效果
- HTML如何实现文字滚动
- 文字左右滚动标签
- 文字左右无缝滚动
- 文字左右滚动代码
- 文字左右循环滚动
- 实现文字的左右滑动
- Html页面文字的滚动
- CSS 实现触屏【图片文字】左右滚动效果
- TextView单行显示,文字左右滚动(走马灯效果)实现条件:
- js特效--》文字左右滚动
- 文字滚动的几种效果及实现方法
- Java 7之集合类型 - Vector与Stack
- 正则表达式的使用(3)__常用的正则表达式(积累)2
- Java中HashSet详解
- Upgrade from 10.2.0.4 to 11.2.0.3.2 including Time Zone files
- Linux常用的60个命令
- html 实现文字左右滚动的方法
- Android查看当前显示哪个Activity
- 使用python3.0 编写C/S程序,初识wangpython的网络编程
- Android开发中抽象工厂模式
- Android API包名及包的功能的中文介绍
- Java中HashMap详解
- iOS中多线程原理与runloop介绍
- AOJ-517 序列(差分约束)
- POJ 1182 食物链