如何透過編寫 HTML 代碼來製作帶有閃爍顏色的滾動文字? 我們在做網站的時候,有時候會需要使用到一些高亮或者滾動的文字來設置公告或者廣告之類的項目。 所以這次文尼先生將與您分享一段用於閃爍和滾動文字效果的 HTML 代碼
<MARQUEE scrollAmount=8 direction=right>
<div id="blink"><b>公告:</b>這是文尼先生的一段公告</div>
<script language="javascript">
function changeColor(){
var color="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray";
color=color.split("|");
document.getElementById("blink").style.color=color[parseInt(Math.random() * color.length)];
}
setInterval("changeColor()",200);
</script>
</MARQUEE>
其他使用場景
屬性
behavior
設置文本在選取框內的滾動方式。可能的值為scroll和。如果未指定值,則默認值為。slidealternatescroll
bgcolor
通過顏色名稱或十六進制值設置背景顏色。
direction
設置選取框內的滾動方向。可能的值為left、right和。如果未指定值,則默認值為。updownleft
height
以像素或百分比值為單位設置高度。
hspace
設置水平邊距
loop
設置選取框滾動的次數。如果未指定值,則默認值為 -1,表示選取框將連續滾動。
scrollamount
以像素為單位設置每個間隔的滾動量。默認值為 6。
scrolldelay
以毫秒為單位設置每次滾動移動之間的間隔。默認值為 85。請注意,任何小於 60 的值都將被忽略,除非truespeed指定,否則將使用值 60。
truespeed
默認情況下,scrolldelay低於 60 的值將被忽略。如果truespeed存在,則不會忽略這些值。
vspace
以像素或百分比值設置垂直邊距。
width
以像素或百分比值為單位設置寬度。
事件處理程序
onbounce
當選取框到達其滾動位置的末端時觸發。它只能在行為屬性設置為 時觸發alternate。
onfinish
當選取框完成由循環屬性設置的滾動量時觸發。它只能在循環屬性設置為大於 0 的某個數字時觸發。
onstart
當選取框開始滾動時觸發。
方法
start()
開始滾動選取框。
stop()
停止滾動選取框。
評論(0)