DIV内容滚动,文字符滚动标签marquee兼容稳定不卡
创始人
2024-05-28 22:42:51

marquee(文字滚动)标签
marquee简介
标签,是成对出现的标签,首标签和尾标签之间的内容就是滚动内容。
标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等,它们都是可选的。


marquee属性
behavior属性
behavior属性的参数值为alternate、scroll、slide中的一个,分别表示文字来回滚动、单方向循环滚动、只滚动一次.
注意
如果在标签中同时出现了direction和behavior属性,那么scroll和slide的滚动方向将依照direction属性中参数的设置。


bgcolor属性
文字滚动范围的背景颜色,参数值是16进制(形式:#AABBCC或#AA5566等)或预定义的颜色名字(如red、yellow、blue等)。


direction属性
文字滚动的方向,属性的参数值有down、left、right、up共四个单一可选值,分别代表滚动方向向下、向左、向右、向上。


width和height属性
width和height属性的作用决定滚动文字在页面中的矩形范围大小。
width属性用以规定矩形的宽度,height属性规定矩形的高度。
这两个属性的参数值可以是数字或者百分数,数字表示矩形所占的(宽或高)像素点数,百分数表示矩形所占浏览器窗口的(宽或高)百分比。


hspace和vspace属性
这两个属性决定滚动矩形区域距周围的空白区域.


loop属性
loop属性决定滚动文字的滚动次数,缺省是无限循环。参数值可以是任意的正整数,如果设置参数值为-1或infinite时将无限循环。


scrollamount和scrolldelay属性
这两个属性决定文字滚动的速度(scrollamount)和延时(scrolldelay),参数值都是正整数。
align属性
这个属性决定滚动文字位于距形内边框的上下左右位置。
注意
您也可以将之间的内容替换为图像或其它对象等功能。


各个属性参数
direction 表示滚动的方向,值可以是left,right,up,down,默认为left
behavior 表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动)
loop 表示循环的次数,值是正整数,默认为无限循环
scrollamount 表示运动速度,值是正整数,默认为6
scrolldelay 表示停顿时间,值是正整数,默认为0,单位是毫秒
align 表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle
bgcolor 表示运动区域的背景色,值是16进制的RGB颜色,默认为白色
height、width 表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100% height为标签内元素的高度。
hspace、vspace 表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。
οnmοuseοver=this.stop() οnmοuseοut=this.start() 表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动。
综合实例
 


marquee
我向上滚动
我向下滚动
我向左滚动
我向右滚动
我速度很慢
我速度很快
我小步前进。
我大步前进。
我滚动一次
我滚动两次
我无限循环滚动
我来回滚动
我单方向循环滚动
我单方向向上循环滚动
我只滚动一次
我向上只滚动一次
我的背景色是红色的
我宽300像素,高30像素。
我矩形边缘水平和垂直距周围各10像素。
我矩形边缘水平和垂直距周围各50像素。
绝对底部对齐
绝对中央对齐
底线对齐
底部对齐(默认)
左对齐
中间对齐
右对齐
顶线对齐
顶部对齐

相关内容

热门资讯

Seedance2.0爆火,神... 2月11日晚,智谱公司确认,此前在全球模型服务平台OpenRouter登顶热度榜首的神秘模型“Pon...
“如何读懂一首诗?从走进诗人的... “如何读懂一首诗?从走进诗人的世界开始”——《诗歌的肖像》分享会日前在首都图书馆举办。诗人、评论家欧...
时评 | 烟台“十条”破局:系... 文 | 陈明一“促消费只盯消费端,稳生产只盯着企业端”,如何破题?每逢春节,各地都会推出一系列惠民政...
冰雪春天 | 保定籍体育冠军与... (来源:河北新闻网)转自:河北新闻网保定日报讯(新畿辅-保定日报记者丁梦圆)2月9日至10日,保定市...
宝马将在全球召回数十万辆汽车 人民财讯2月12日电,德国汽车制造商宝马集团11日表示,将在全球范围召回数十万辆汽车,原因是发动机启...