本文摘自PHP中文网,作者黄舟,侵删。
接下来介绍一下marquee标签marquee标签是实现文字轮滚的大功臣
常用属性如下:
directory 指明轮滚方向(默认向左)
behavior 指明轮滚方式(默认是scroll)
Hspace 指明元素到区域的水平距离
Vspace 指明元素到区域的垂直距离
loop 指明循环次数(默认-1表示无限循环)
下面是我做的一个小栗子,大家可以试一试哦
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | < html >
< head >
< title > 文字轮滚</ title >
< meta charset = "utf-8" >
</ head >
< body >
< p align = center >< marquee Hspace = 6 scrollamount = 3 width = 200 height = 40 bgcolor = red scrolldelay = 1 behavior = "scroll" directory = "right" >我是Cabby****人送外号白菜姐</ marquee ></ p >
< p align = center >< marquee Hspace = 6 scrollamount = 5 width = 200 height = 40 bgcolor = yellow scrolldelay = 0 behavior = alternate >啦啦啦啦啦啦啦</ marquee ></ p >
< p align = center >< marquee Hspace = 6 scrollamount = 3 width = 200 height = 40 bgcolor = red scrolldelay = 1 behavior = "scroll" directory = "right" loop=-1>我是Cabby****人送外号白菜姐</ marquee ></ p >
< p align = center >< marquee Hspace = 6 scrollamount = 5 width = 200 height = 40 bgcolor = yellow scrolldelay = 0 behavior = alternate loop=-1>啦啦啦啦啦啦啦</ marquee ></ p >
< p align = center >< marquee Hspace = 6 scrollamount = 3 width = 200 height = 40 bgcolor = red scrolldelay = 1 behavior = "scroll" directory = "right" >我是Cabby****人送外号白菜姐</ marquee ></ p >
</ body >
</ html >
|
以上就是html5实现文字轮滚的示例代码的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
秀野堂HTML5入门视频教程的资源推荐
详谈html中script标签(附代码)
实例讲解h5移动开发ajax上传多张base64格式图片到服务器
HTML5布局之路怎么样
HTML5如何插入可自动播放的音频(图文)
HTML5实践-使用css装饰图片画廊的代码分享(一)
如何使用HTML5 canvas绘制文字
h5里图片中有缝隙应该如何解决
HTML5 filereader接口的详细介绍
HTML5 figure和figcaption的使用方法
更多相关阅读请进入《HTML5》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html5实现文字轮滚的示例代码