码迷,mamicode.com
首页 > Web开发 > 详细

html跑马灯/走马灯效果

时间:2018-02-25 00:10:24      阅读:2839      评论:0      收藏:0      [点我收藏+]

标签:oop   order   区域   style   hspa   简单   str   center   lsp   

实现跑马灯的方法很多,其中最简单的是采用一句Html代码来实现,我们在需要出现跑马灯效果的地方插入“<marquee>滚动的文字</marquee>”语句,它的效果如下所示:

参数 用法介绍
behavior=scroll, slide, alternate 跑马方式:循环绕行,只跑一次就停住,来回往复运动
direction=left,right 跑马方向:从左向右,从右向左
loop=100 跑马次数:循环100次,如不写默认为一直循环
width=100%,height=200 跑马范围:宽为100%,高为200像素
scrollamount=20 跑马速度:数越大越快
scrolldelay=500 跑马延时:毫秒数,利用它可实现跃进式滚动
hspace=20,vspace=20 跑马区域与其它区域间的空白大小
bgcolor=#00FFCC 跑马区域的背景颜色
face=楷体_GB2312 跑马灯文字字体
color=#ff0000 跑马灯文字颜色
size=3 跑马灯文字字号
STRONG 跑马灯文字加粗

  你已经看到,尽管<marquee>参数不少,但毕竟不能实现复杂的和自定义的特殊跑马灯效果,而且还有浏览器限制,所以我们更多情况下会采用JavaScript来实现跑马灯。

html跑马灯/走马灯效果

标签:oop   order   区域   style   hspa   简单   str   center   lsp   

原文地址:https://www.cnblogs.com/huanyumingmei/p/8467915.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!