频道栏目
首页 > 程序开发 > web前端 > HTML/CSS > 正文
弹幕效果的实现(代码教程)
2018-04-16 11:58:07      个评论    来源:寂寞风中一匹狼的博客  
收藏   我要投稿

基本语法

<marquee> ... </marquee>

<marquee>啦啦啦,我会移动耶!</marquee>

啦啦啦,我会移动耶!

+文字移动属性的设置

方向 <direction=#> #=left, right

<marquee direction=left>啦啦啦,我从右向左移!</marquee> <P><marquee direction=right>啦啦啦,我从左向右移!</marquee>

啦啦啦,我从右向左移!

啦啦啦,我从左向右移!

方式 <bihavior=#> #=scroll, slide, alternate

<marquee behavior=scroll>啦啦啦,我一圈一圈绕着走!</marquee> <P>

<marquee behavior=slide>啦啦啦,我只走一次就歇了!</marquee> <P>

<marquee behavior=alternate>啦啦啦,我来回走耶!</marquee>

啦啦啦,我一圈一圈绕着走!

啦啦啦,我只走一次就歇了!

啦啦啦,我来回走耶!

循环 <loop=#> #=次数;若未指定则循环不止(infinite)

<marquee loop=3 width=50% behavior=scroll>啦啦啦,我只走 3 趟哟!</marquee> <P><marquee loop=3 width=50% behavior=slide>啦啦啦,我只走 3 趟哟!</marquee> <P><marquee loop=3 width=50% behavior=alternate>啦啦啦,我只走 3 趟哟!</marquee>

啦啦啦,我只走 3 趟哟!

啦啦啦,我只走 3 趟哟!

啦啦啦,我只走 3 趟哟!

速度 <scrollamount=#>

<marquee scrollamount=20>啦啦啦,我走得好快哟!</marquee>

啦啦啦,我走得好快哟!

延时 <scrolldelay=#>

<marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>

啦啦啦,我走一步,停一停!

+ 外观(Layout)设置

对齐方式(Align) <align=#> #=top, middle, bottom

<font size=6>

<marquee align=# width=400>啦啦啦,我会移动耶!</marquee>

</font>

对齐上沿、中间、下沿。

啦啦啦,我会移动耶! 对齐上沿。

啦啦啦,我会移动耶! 对齐中间。

啦啦啦,我会移动耶! 对齐下沿。

底色 <bgcolor=#>

#=rrggbb 16 进制数码,或者是下列预定义色彩:Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua

<marquee bgcolor=aaaaee>啦啦啦,我会移动耶!</marquee>

啦啦啦,我会移动耶!

面积 <height=# width=#>

<marquee height=40 width=50% bgcolor=aaeeaa>

啦啦啦,我会移动耶!

</marquee>

啦啦啦,我会移动耶!

空白(Margins)<hspace=# vspace=#>

********************************************<br>

嗨,

<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>啦啦啦,我会移动耶!</marquee>

大家好!<br>

********************************************

********************************************

嗨, 啦啦啦,我会移动耶! 大家好!

********************************************

点击复制链接 与好友分享!回本站首页
上一篇:vuex入门简介、基本用法和使用介绍
下一篇:CSS背景图片和HTML中的img标签使用实例
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站