网页制作(五)---HTML 关于滚动字符(marquee)
来源:互联网 发布:如何催眠自己睡觉知乎 编辑:程序博客网 时间:2024/06/05 23:58
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层布局中。
它就是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层布局中。
- 网页制作(五)---HTML 关于滚动字符(marquee)
- 网页文字滚动marquee
- Html <MARQUEE>滚动文字
- HTML的滚动标签-marquee
- html的marquee滚动标签
- HTML之marquee标签(滚动字幕(跑马灯))
- 关于网页页面制作滚动字幕
- marquee制作连续不间断滚动图片效果
- marquee制作连续不间断滚动图片效果
- html 页面内容滚动显示 marquee
- HTML滚动文字代码 marquee标签
- HTML滚动文字代码 marquee标签
- HTML滚动文字代码 marquee标签
- HTML滚动文字代码 marquee标签
- Html之marquee标签滚动使用详解
- HTML标签marquee实现滚动效果
- HTML标签marquee实现滚动效果
- HTML滚动文字代码 marquee标签
- 汽车发动机仓扫盲贴
- python打包VideoCapture 捕获摄像头信息
- 网站加速的14个方法
- uva-10499 - The Land of Justice
- Android入门:多个Activity之间切换原理介绍
- 网页制作(五)---HTML 关于滚动字符(marquee)
- Linux的RPM
- Linux安装新版本的Firfox
- 如何用JS实现一个DropDownList的值改变时触发另一个DropDownList的显示与隐藏
- Eclipse开发环境搭建
- Perl 文件读写操作
- Linux: 查看软件安装路径
- oracle的转义字符
- Unity3D图像后处理特效——Antialiasing (PostEffect)