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

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像素。
绝对底部对齐
绝对中央对齐
底线对齐
底部对齐(默认)
左对齐
中间对齐
右对齐
顶线对齐
顶部对齐

相关内容

热门资讯

与秩序有关的成语 与秩序有关的成语井井有条 有条不紊 有条有理 鳞次栉比 按部就班 匪匪翼翼 井然有序 鱼贯而入 一板...
葵良 人生一课故事梗概 葵良 人生一课故事梗概急急急!~ ~谁能给我葵良的人生一课的故事梗概?本文作者主要以回忆形式讲述了在...
杨幂吐槽德云社票难抢,网友对此... 杨幂吐槽德云社票难抢,网友对此有何评价?网友称,杨幂这么说有点夸张,她其实并不用抢票,只是为了说明德...
如何礼貌的催人办事? 如何礼貌的催人办事?如何礼貌的催人办事情的话,可能还不好意思问的话,那就。变相的。隐约的透露一下。表...
用“拖鞋,胖乎乎,奇妙”三个词... 用“拖鞋,胖乎乎,奇妙”三个词写一段故事,150个字左右。让我参考一下你们的思路和题材,在线等,速度...
卡桑旅称向以色列发射数枚火箭弹 当地时间7月1日晚,巴勒斯坦伊斯兰抵抗运动(哈马斯)下属武装组织“卡桑旅”表示,该组织从加沙南部汗尤...
中粮可口可乐向榕江从江运送逾2... 转自:贵州日报6月24日,中粮可口可乐贵州公司向榕江县运送饮用水。 本报讯 连日来,贵州省黔...
暮光之城4简介 暮光之城4简介暮光之城4分为三个部分,分别是贝拉,雅各布,贝拉。一 贝拉与爱德华结婚,度蜜月。二...
光耀长河 薪火永继 转自:贵州日报 在中国共产党成立104周年之际,一场场庄重而温暖的仪式在全国各地组织开展——颁...
浙江华海药业股份有限公司202... 证券代码:600521 证券简称:华海药业 公告编号:临2025-078号债券代码:110076 ...