当前第2页 返回上一页
我们来看一个右边的选框滚动的例子。
1 2 3 4 5 6 | <marquee width = "100%">
文本默认从右向左滚动......
</marquee >
<marquee width = "100%" bgcolor = "pink" direction = "right" >
设置文本从左向右滚动......
</marquee >
|
效果图：
4、设字幕左右循环滚动
使得文本从右向左滚动后，在从左向右滚动。
1 2 3 | <marquee width = "100%" behavior = "alternate" bgcolor = "pink" >
文本从右向左滚动后，在从左向右滚动的例子......
</marquee>
|
效果图：
5、html 嵌套滚动字幕框（<marquee>标签）
1 2 3 4 5 | <marquee width = "400px" height ="200px" behavior = "alternate" style ="border:2px solid red" >
<marquee behavior = "alternate" >
嵌套滚动字幕框...
</marquee >
</marquee>
|
效果图：
HTML <marquee>标签的缺点：
1）Marquee设置的滚动字幕可能会分散注意力，因为人眼会不断地被吸引到运动和字幕上。
2）由Marquee设置的文本可以移动，因此根据滚动速度单击静态文本更加困难。
3）Marquee标签元素是一个非标准的HTML元素。
4）Marquee设置的滚动字幕不必要地引起用户的注意，使文本更难阅读。
浏览器支持度：
总结：以上就是本篇文章的全部内容，希望能对大家的学习有所帮助。
以上就是HTML如何实现文字的滚动效果的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
html怎么禁止另存
h5新特性的用法：监听app自带的返回键
html的网页错位原因以及解决方法
html块级标签行内标签的显示模式
html colgroup标签怎么用
html如何禁止右键
html中url编码是什么?有什么用？
html如何写出竖线
html中id和class属性之间的区别是什么？
浏览器中5种常用的事件解析
更多相关阅读请进入《文字的滚动》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » HTML如何实现文字的滚动效果
