本文摘自PHP中文网,作者php中世界最好的语言,侵删。
这次给大家带来html怎样借助marquee实现文字左右滚动,html借助marquee实现文字左右滚动的注意事项有哪些,下面就是实战案例,一起来看一下。1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <BODY>
<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>
|
相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
相关阅读:
html怎么实现可输入的下拉菜单
css3的新单位vw、vh、vmin、vmax应该如何使用
css3的calc在less编译时如果被计算应该如何解决
怎样用H5的WebGL实现3D虚拟机房的漫游动画
以上就是html怎样借助marquee实现文字左右滚动的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
html的<frame>标签
html页面的基本代码结构是什么?
html5 section标签是什么意思?html5 section标签的用法总结
什么是html语言
关于html操作滚动条的方法
html中列表、表格和媒体元素的介绍
怎么在html页面写css样式表
向html中插入视频并兼容浏览器
html行内元素有哪些
html code标签怎么用
更多相关阅读请进入《marquee》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html怎样借助marquee实现文字左右滚动