滚动条示例

关于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>


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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章