《marquee》滚动条标记

来源:互联网 发布:深圳软件产业基地地址 编辑:程序博客网 时间:2024/04/29 02:53

《marquee》标记的使用
活动字幕,也称为滚动看板、滚动字幕。活动字幕的使用使得整个网页更有动感,显得很有生气。现在的网站中也越来越多地使用活动字幕来加强网页的互动性可以表现出一定的特效。HTML中<marquee>可以在IE浏览器网页中让文字或图片按照一定的设定的要求,在网页中显示出一个滚动的信息。它的滚动方向有水平和垂直两种。下面是它的一些参数
参   数属 性 含 义<marquee> ... </marquee> 设置滚动条标记。文字或图片按照默认参数水平方向从右向左移动<marquee direction=#> ... </marquee> 参数值#=left | right。
当设置这个参数,文字或图片会按照设置的水平方向进行“从左到右”或“从右到左”移动<marquee direction=#> ... </marquee> 参数值#=up | down。
当设置这个参数,文字或图片会按照设置的垂直方向进行“从上到下”或“从下到上”移动<marquee align=#> ... </marquee> 参数值#=left | center | right | top | botton。
设置水平或垂直对齐方式<marquee bgcolor=#> ... </marquee> 参数值#=#rrggbb | rgb(r,g,b)或是颜色的英文单词
设置滚动字幕的背景颜色<marquee behavior=#> ... </marquee> 参数值#=scroll | slide | alternate
设定滚动的方式
scroll:表示由一端滚动到另一端
slide:表示由一端快速滑动到另一端,且不再重复
alternate:表示在两端之间来回滚动<marquee hspace=n vspace=n> ... </marquee> 用于设置滚动条左右边框或上下边框的距离<marquee width=n height=n> ... </marquee> 设置滚动条的高度和宽度<marquee Scrollamount=n > ... </marquee> 用于设定滚动字幕的滚动距离<marquee scrolldelay=n > ... </marquee> 用于设定滚动两次之间的延迟时间<marquee loop=n > ... </marquee> 用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新

<marquee>标记的默认情况是向左滚动无限次,字幕高度是文本高度,滚动范围:水平滚动的宽度是当前位置的宽度;垂直滚动的高度是当前位置的高度。下面是对<marquee>的具体应用
参   数属 性 含 义<marquee> 滚动条默认演示效果</marquee> 滚动条默认演示效果
<marquee direction=left>
文字从左向右移动</marquee>
<marquee direction=right>
文字从右向左移动</marquee> 文字从左向右移动

文字从右向左移动<marquee direction=up>
文字或图片向上移动</marquee>
<marquee direction=down>
文字或图片向下移动</marquee> 文字或图片向上移动文字或图片向下移动<marquee align=left>
文字居左移动 </marquee> 文字居左移动<marquee bgcolor=green>
滚动条的背景颜色设置</marquee> 滚动条的背景颜色设置<marquee behavior=scroll>
滚动条由一边向另一边滚动
</marquee>
<marquee behavior=slide>
滚动条快速滚动且不重复
</marquee>
<marquee behavior=alternate>
滚动条来回滚动
</marquee> 滚动条由一边向另一边滚动

滚动条快速滚动且不重复

滚动条来回滚动<marquee hspace="15px" vspace="15px">
滚动条上下左右边框的空白距离
</marquee> 滚动条上下左右边框的空白距离 <marquee width=100 height=30>
滚动条的高度和宽度
</marquee> 滚动条的高度和宽度<marquee Scrollamount=100 >
滚动条的滚动距离
</marquee> 滚动条的滚动距离<marquee scrolldelay=1000 >
滚动条的滚动速度
</marquee> 滚动条的滚动速度<marquee loop=3 >
设定滚动条的滚动次数为3次
</marquee> 设定滚动条的滚动次数为3次
原创粉丝点击