现在的位置: 首页 > 综合 > 正文

网页制作(五)—HTML 关于滚动字符(marquee)

2013年12月03日 ⁄ 综合 ⁄ 共 1088字 ⁄ 字号 评论关闭

HTML  关于滚动字符(marquee)

   
在HTML页面中,可以实现如字幕一般的滚动文字效果,在一个排版整齐的页面中,添加适当的滚动文字可以使页面显得更加生动、灵活
它就是Marquee标签:
例:<marquee direction=left scrolldelay=100behavior=alternate scrollamount=10 loop=100 bgcolor=red hspace=50vspace=1>我好像真的喜欢上你了!!!<marquee>
效果如下: 我好像真的喜欢上你了!!!属性分析:
direction 是滚动方向,有向左(left)、向右(right)、向上(up)、向下(botton),默认为向左
scrolldelay是每一次滚动的间隔产生一段的延迟,单位为毫秒。这里的每一次滚动不是滚动完以后的间隔时间,而是说每动一个位置的间隔时间
behavior是不同方式的滚动属性,如:循环往复(scroll)、交替滚动(alternate)、只进行一次滚动(slide)等
scrollamout 调整文字滚动的速度设置为1是最慢的,数字越大越快
loop 设置要滚动的次数
bgcolor 设置整个滚动区域的背景颜色
hspace 设置滚动文字左右的宽度如果只是单一设置30像素的话,它会在屏幕的左右两端空出来30像素来
vspace 设置滚动文字上下的高度它就会在上下两端空出来

当然也可以设置滚动图片如:<marquee direction=left scrolldelay=100hehavior=alternate scrollamout=10loop=10000><imgsrc=""><marquee>

还有其它的效果:
例:
(1).<marquee direction=right scrolldelay=100bgcolor=green hehavior=scroll scrollamout=10loop=10000><spanstyle="background-color:red;color=blue;">我好像已经爱上你了!!!</span></marquee>效果如下:
我好像已经爱上你了!!!

(2).<marquee direction=left scrolldelay=100hspace=150 vspan=15><spanstyle="color:green;background:red;">真的不错!</span></marquee>真的不错!看在例2中,左右两端各空出150像素,上下各空出15像素

若想让滚动文本字符绝对定位,可以把它放置在表格布局、DIV层布局中。

抱歉!评论已关闭.