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