頁面的自動滾動效果，可由javascript來實現，但是今天無意中發現了一個html標簽 - marquee /marquee 可以實現多種滾動效果，無需js控制。

使用marquee標記不僅可以移動文字，也可以移動圖片，表格等.

語法： marquee ... /marquee ； 說明：在標記之間添加要進行滾動的內容。

重要屬性：

1.滾動方向direction（包括4個值：up、 down、 left和 right）

語法： marquee direction= 滾動方向 ... /marquee

2.滾動方式behavior（scroll:循環滾動，默認效果； slide:只滾動一次就停止； alternate:來回交替進行滾動）

語法： marquee behavior= 滾動方式 ... /marquee

3.滾動速度scrollamount（滾動速度是設置每次滾動時移動的長度，以像素為單位）

語法： marquee scrollamount= 5 ... /marquee

4.滾動延遲scrolldelay（設置滾動的時間間隔，單位是毫秒）

語法： marquee scrolldelay= 100 ... /marquee

5.滾動循環loop（默認值是-1，滾動會不斷的循環下去）

語法： marquee loop= 2 ... /marquee

6.滾動范圍width、height

7.滾動背景顏色bgcolor

8.空白空間hspace、vspace

JavaScript Code復制內容到剪貼板

 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd  html xmlns= http://www.w3.org/1999/xhtml  head  meta http-equiv= Content-Type content= text/html; charset=utf-8 /  title 無標題文檔 /title  /head  body  marquee direction= up behavior= scroll scrollamount= 1 scrolldelay= 0 loop= -1 width= 1000 height= 50 bgcolor= #0099FF hspace= 10 vspace= 10 指整個Marquee對齊方式; (2)behavior:設置滾動的方式: scroll:表示由一端滾動到另一端,會重復,缺陷是不能無縫滾動。 slide:表示由一段滾動到另一端,不會重復...  /marquee  /body  /html 

【相關推薦】

1. HTML免費視頻教程

2. 用HTML編寫個人簡歷的代碼實例

3. 分享三種創建新元素的方法

4. html中關于meta標簽的實例詳解

5. 分享一個關于HTML知識點的整合

以上就是通過marquee標簽完成滾動效果的純html代碼的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。