滚动字幕让静态的网页变得有动感
使用〈marquee〉标签,可以实现滚动字母,增加网页动感。
〈marquee〉是一个成对出现的标签,它有direction,behavior,loop,scrollamount,scrooldelay,align,bgcolor,heihghr,width,hspace,vspace等属性,其语法格式:

〈marquee direction=参数值 behavior=参数值 loop=循环次数 scrollamount=参数值 scrooldelay=参数值 align=参数值 bgcolor=参数值 heihghr=参数值 width=参数值 hspace=参数值 vspace=参数值〉要滚动的文字〈/marquee〉

该标签的相关属性的设置介绍:
1 .direction用于滚动文字的移动方向,使文字具有更多的变化。它的属性值为left、right、up和down。left是从右想左移动,right是从左向右, up 是向上,down是向下。
2 .behavior是滚动文字的移动效果。有循环滚动,只滚动一次,滚动一方后向相反方向滚动,交替滚动。
3. loop是设置文字的滚动循环次数,若未指定或选取为infinire时,循环不止。
4. scrollamount是调整文字的滚动速度
5. scrolldelay是设置文字每次滚动的间隔之间的延长时间
6. align是文字的对齐方式
7. bgcolor是设置滚动文字的背景色
8. height和width是滚动文字的高度和宽度
9. hspace和 vspace是滚动文字四面的水平空间和垂直空间

程序代码:
〈html〉
〈head〉
〈title〉设置滚动字模及其属性〈/title〉
〈/head〉
〈body〉
〈marquee direction=right behavior=“scroll” loop=“150” bgcolor=“blue” heihghr=“50” width=“525” 〉
〈front size=10 color=yellow〉滚动文字可以增加网页的生动性。〈/front〉
〈/marquee〉
〈/body〉
〈/html〉

还可以为滚动字幕添加超级链接,其语法如下:
〈a href=“链接位置”target=“链接窗口名称”〉〈marquee〉滚动文字〈/marquee〉〈/a〉
设置滚动字幕超级链接 程序代码如下:
〈html〉
〈head〉
〈title〉设置滚动字模超级链接〈/title〉
〈/head〉
〈body〉
〈a href=123456@qq.com〉〈marquee〉给我写信
〈/marquee〉〈/a〉
〈/body〉
〈/html〉
实例:life.ys168.com
在网页中,制作滚动字幕使用marquee标签,如果用手写的方法,实在是太麻烦了。推荐利用网页制作软件比如Dreamweaver来学习。在DW中可以使用“标签选择器”插入各种标签,并且可以使用“标签检查器”设置标签的属性值,它的功能类似于属性面板,但是比属性面板更强大。

使用“标签选择器”插入marquee标签

1.把光标插入点放在需要插入滚动字幕的地方。
2.点击插入面板的“标签选择器 ”
3.选择 marquee标签,点击“插入”按钮。




“标签检查器”设置marquee标签的属性使用

4.转换到代码视图。把光标插入点放在 marquee标签内。



5. 选择“窗口”-->“标签检查器”。然后选择属性,单击未分类前面的”+”,可以在“标签检查器”中设置标签的各种用法。



设置marquee标签的主要用法

6.点击behavior设置项右边的下拉箭头,选择滚动字幕内容的运动方式。

7.direction属性设置字幕内容的滚动方向。




8.scrollamount属性设置字幕滚动的速度。



9.scrolldelay属性设置字幕内容滚动时停顿的时间,单位为毫秒。如果要让滚动看起来流畅,数值应该尽量小。实例中设置为1毫秒。如果要有步进的感觉,就设置时间长一点吧。



10.width属性设置滚动字幕的宽度。



11.onMouseOver事件设置鼠标移动到滚动字幕时的动作,常设置为停止滚动。onMouseOut事件设置鼠标离开滚动字幕时的动作,常设置为开始滚动。在Dreamweaver8中需要打开“行为”面板设置。



12.style属性设置字幕内容的样式。实例中设置字幕文字大小,输入了“font:12px;”。



13.loop属性设置字幕内容滚动次数,默认值为无限。“-1”也为无限。



一套向上滚动字幕的代码:

<marquee behavior="scroll" direction="up" width="200" height="150" loop="-1" scrollamount="1" scrolldelay="1" style="font:12px;" onMouseOver="this.stop();" onMouseOut="this.start();">滚动字幕内容</marquee>
比较实用,对我这样的菜鸟还是很有用的