當前位置：軟件學堂 > 資訊首頁 > 網(wǎng)絡編程 > 編程其他 > 使用marquee實現(xiàn)文字上下滾動

使用marquee實現(xiàn)文字上下滾動

2012/10/22 19:48:24作者：佚名來源：網(wǎng)絡

移動端

【實例名稱】

使用marquee實現(xiàn)文字上下滾動

【實例描述】

文字滾動可以通過定時器實現(xiàn)，也可以使用HTML中的marquee元素實現(xiàn)．本例介紹后者的使用情況。

【實例代碼】

   
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁</title>
</head>
<body>
<marquee direction=up scrollamount=1 scrolldelay=100 onmouseover='this.stop()' onmouseout='this.start()' 
height=60>
<table>
<tr>
<td>
這是第一行第一列
</td>
</tr>
<tr>
<td>
這是第二行第一列
</td>
</tr>
<tr>
<td>
這是第三行第一列
</td></tr>
</table>
</marquee>
</body>
</html>

【運行效果】

運行效果

【難點剖析】

本例的難點是對marquee元素的控制。滾動控件通常具備兩個功能：鼠標經(jīng)過停止和鼠標移走繼續(xù)。這里通過marquee元素的事件“onmouseover”“onmouseout”完成這兩個功能?！皊top”和“start”方法用來控制marquee是否滾動。

【源碼下載】

本實例JS代碼下載

 

標簽： marquee  文字