滚动条示例

关于maquee:

首先说一下它的常用属性：

scrollAmount :它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1~3比较好。

width和height:表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。

direction :表示滚动的方向，默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→，up表示↑，down表示↓。 scrollDelay:这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。 

behavior:用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(指的是滚动一次，然后停止滚动)trueSpeed:平滑滚动。

align:是设定活动字幕的位置，不过除了居左、居中、居右三种位置外，又增加靠上(align=top)和靠下(align=bottom)两种位置。 

Bgcolor:用于设定活动字幕的背景颜色，一般是十六进制数。

Loop:用于设定滚动的次数，当loop=-1表示一直滚动下去，直到页面更新。

下面是一个简单的示例：

横向向右来回滚动：

<div style="border:1px solid">

<marquee acrollAmount=3 bgcolor=aaaaaa direction=right behavior=alternate >你好，欢迎光临！

</marquee>

</div>

垂直向上循环滚动：

<div style="border:1px solid ; height:200px;width:150px">

<marquee acrollAmount=3 bgcolor=aaaaaa direction=up behavior=trueSpeed >你好，欢迎光临！

</marquee>

</div>

可以在滚动条上加一些事件（下面是鼠标进入，离开事件）

<div style="border:1px solid ; height:200px;width:150px">

<marquee acrollAmount=3 bgcolor=aaaaaa direction=up behavior=trueSpeed οnmοuseοver=this.stop() οnmοuseοut=this.start()>

<a href="#">你好，欢迎光临！</a>

</marquee>

</div>

可以根据需求用不同的属性，用不同的属性值来控制