1. marquee的屬性

behavior: 設置文本如何滾動。屬性值有3種:
scroll - 循環滾動。默認值。
slide - 滾動一次。
alternate - 兩端來回滾動。

direction: 設置文本滾動的方向。屬性值有4種:
left - 從右向左。默認值。
right - 從左向右。
up - 向上。
down - 向下。

loop: 設置滾動的次數。默認值-1,無限次循環。

scrollamount: 設置每次滾動時移動的長度(以像素為單位),也就是滾動速度。默認值為6
值越大,滾動速度越快,一般5-10比較適合查看消息。

scrolldelay: 設置每次滾動時的時間間隔(以毫秒為單位)。默認值為 85。
值越大,滾動速度越慢,通常不設置。
注意:除非指定 truespeed 值,否則將忽略任何小于 60 的值,并改為使用 60。

truespeed: 默認情況下,會忽略小于60的scrolldelay值。如果存在truespeed,那些值不會被忽略。
bgcolor: 通過顏色名稱或十六進制值設置背景顏色。
vspace:以像素或百分比值設置垂直邊距。
width:以像素或百分比值設置寬度。
height:以像素或百分比值設置高度。
hspace:設置水平邊距。

以上屬性,比較常用的是前面5個。一般使用方式如下:

<marquee behavior="alternate" loop="2" direction="right" scrollamount="10">
系統通知:1.xxxxxx; 2.xxxxxxx.
marquee>

2. 方法

start:開始滾動 marquee。
stop:停止滾動 marquee。
上面兩個方法通常和鼠標事件配合,來實現“鼠標移入停止滾動,鼠標一開開始滾動”的效果。親測有效。

<marquee onmouseover="this.stop();" onmouseout="this.start();">
    系統通知:1.xxxxxx; 2.xxxxxxx.
marquee>

3. 事件回調

onbounce:當 marquee 滾動到結尾時觸發。它只能在 behavior 屬性設置為 alternate 時觸發。
onfinish:當 marquee 完成 loop 屬性設置的值時觸發。它只能在 loop 屬性設置為大于 0 的某個數字時觸發。
onstart:當 marquee 開始滾動時觸發。

不過我在google嘗試失敗,并不能觸發函數。不知道是不是本身代碼書寫有問題。
代碼如下:

<marquee behavior="alternate" loop="2" onstart="alert(99)"  onbounce="MaqueeBounceFun();" onfinish="finishMaqueeFun();"  >
    系統通知:1.xxxxxx; 2.xxxxxxx.
marquee>
<script type="text/javascript">
    function MaqueeBounceFun(){
        alert("我滾到結尾啦!");
    }
    function finishMaqueeFun(){
        alert("滾動結束啦,可以休息啦!");
    }
    function startMaqueeFun(){
        alert("我要開始滾動了哦,眼睛不要眨哦!");
    }
script>



上一篇
2023-06-23

DEDEcms {dede:sql} LIKE模糊查詢問題 多出'號

下一篇
2023-06-21

6月21日,星期三,在這里每天60秒讀懂世界!