A simple HTML tag marquee to realize dynamic scroll bar

catalogue

Label effect

Scroll bar code

Detailed explanation of label properties

Vertical rolling, horizontal rolling, in simple terms, etc

Label effect

Scroll bar code

<!DOCTYPE html>
<html>
<head>
	<title>滚动条标签展示</title>
</head>
<body>
    <marquee direction=left behavior=scroll loop=3 scrollamount=6 scrolldelay=10 align=top bgcolor=#ffffff height=300 width=30% hspace=20 vspace=10 
    onmouSEOver=this.stop() onmouSEOut=this.start()>
    我是滚动条
    </marquee>
</body>
</html>

Detailed explanation of label properties

◎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表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。

◎onmouSEOver=this.stop() onmouSEOut=this.start()表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动。

Vertical rolling, horizontal rolling, in simple terms, etc

The content of this article comes from the network collection of netizens. It is used as a learning reference. The copyright belongs to the original author.
THE END
分享
二维码
< <上一篇
下一篇>>