网页设计（五）——marquee标签
前言：好久沒更新過CSDN博客了，現(xiàn)在從原來的OI，變成了一個科研工作者。最近打算把原來的一些資料整理一下，作為經(jīng)驗公開分享，希望能幫到更多默默努力耕耘的人~
?
首先給出一些關于marquee標簽的介紹：
marquee的作用是創(chuàng)建一個滾動的文本字幕
語法：<marquee>...</marquee>； 在標記“…”之間添加要進行滾動的內容。
重要屬性：
1.滾動方向direction（包括4個值：up、 down、 left和 right）
語法：<marquee direction="滾動方向">...</marquee>
2.滾動方式behavior（scroll:循環(huán)滾動，默認效果； slide:只滾動一次就停止； alternate:來回交替進行滾動）
語法：<marquee behavior="滾動方式">...</marquee>
3.滾動速度scrollamount（滾動速度是設置每次滾動時移動的長度，以像素為單位）
語法：<marquee scrollamount="5">...</marquee>
4.滾動延遲scrolldelay（設置滾動的時間間隔，單位是毫秒）
語法：<marquee scrolldelay="100">...</marquee>
5.滾動循環(huán)loop（默認值是-1，滾動會不斷的循環(huán)下去）
語法：<marquee loop="2">...</marquee>
6.滾動范圍width、height
7.滾動背景顏色bgcolor
8.空白空間hspace、vspace
?
下面給出一個例子：
<html> <head> <style type="text/css"> #dynamic_text {width:740px;height:32px; margin:20px auto 10px auto;border:1px solid gray;float:left; } </style> </head> <body> <div id="dynamic_text"> <marquee align="left" behavior="scroll" bgcolor="white" direction="left" hspace="0" vspace="0" weith="800" height="27" loop="-1" scrollamount="10" scrolldelay="100" onMouseOut="this.start()" onMouseOver="this.stop()"><p style="color:#1F202B;font-size:12px;font-family:宋體;">國務院教育督導委員會辦公室主任、教育部教育督導局局長何秀超，教育部基礎教育一司司長呂玉剛，湖南省人民政府副省長、秘書長向力力，中南大學黨委書記高文兵、校長張堯學，教育部和湖南省相關部門負責人參加督查。</p> </marquee> </div> </body> </html>由于是動態(tài)效果，這里就不截圖了，有興趣自行拷貝代碼，按照《網(wǎng)頁設計（一）——HTML基礎概念》的實例2（https://blog.csdn.net/csyzcyj/article/details/107283767）方法打開即可看到效果。
?
附網(wǎng)頁設計系列的文章鏈接：
網(wǎng)頁設計（一）——HTML基礎概念：https://blog.csdn.net/csyzcyj/article/details/107283767
網(wǎng)頁設計（二）——DIV+CSS布局1：https://blog.csdn.net/csyzcyj/article/details/107284087
網(wǎng)頁設計（三）——DIV+CSS布局2：https://blog.csdn.net/csyzcyj/article/details/107284655
網(wǎng)頁設計（四）——DIV+CSS布局3：https://blog.csdn.net/csyzcyj/article/details/107285198
網(wǎng)頁設計（五）——marquee標簽：https://blog.csdn.net/csyzcyj/article/details/107285901
網(wǎng)頁設計（六）——基于HTML+CSS框架的網(wǎng)頁設計實例：https://blog.csdn.net/csyzcyj/article/details/107286067
?
轉載注明出處：https://blog.csdn.net/csyzcyj/
總結
以上是生活随笔為你收集整理的网页设计（五）——marquee标签的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Mac电脑怎么使用ping命令？
- 下一篇： 云计算学习 - 基本概念