4.3.1 設置文字滾動
HTML技術中使文字滾動的方法是使用雙標簽<marquee></marquee>。在HTML代碼中可使其作用區文字滾動,默認為從右到左,循環滾動。在D:\web\目錄下創建網頁文件,命名為mar.htm,編寫代碼如代碼4.15所示。
代碼4.15 文字滾動的設置:mar.htm
<html><head><title>文字滾動的設置</title></head><body><fontsize="5"color="#cc0000">文字滾動示例(默認):<marquee>做人要厚道</marquee></font></body></html>
在瀏覽器地址欄輸入http://localhost/mar.htm,瀏覽效果如圖4.15所示。
圖4.15 設置文字滾動默認形式
從圖4.15可得,在未設置寬度時,<marquee></marquee>標簽是獨占一行的。
4.3.2 設置文字滾動的方向
<marquee></marquee>標簽的direction屬性用于設置內容滾動方向,屬性值有left、right、up、down,分別代表向左、向右、向上、向下,例如以下代碼:
<marquee direction="left">做人要厚道</marquee>
<marquee direction="right">做人要厚道</marquee>
<marquee direction="up">做人要厚道</marquee>
<marquee direction="down">做人要厚道</marquee>
4.3.3 設置文字滾動的速度和形式
設置文字滾動使用<marquee></marquee>標簽,其屬性說明如下。
— <marquee></marquee>標簽的scrollamount屬性用于設置內容滾動速度。
— <marquee></marquee>標簽的behavior 屬性用于設置內容滾動方式,默認為scroll,即循環滾動,當其值為alternate時,內容將來回循環滾動。當其值為slide時,內容滾動一次即停止,不會循環。還有一個loop屬性可設置其滾動循環次數,默認為沒有限制。
— <marquee></marquee>標簽的scrolldelay屬性用于設置內容滾動的時間間隔。
— <marquee></marquee>標簽的bgcolor屬性用于設置內容滾動背景色(類似于body的背景色設置)。
— <marquee></marquee>標簽的width 屬性用于設置內容滾動背景寬度。
— <marquee></marquee>標簽的height屬性用于設置內容滾動背景高度。
修改mar.htm網頁文件,編寫代碼如代碼4.16所示。
代碼4.16 文字滾動的設置:mar.htm
<html><head><title>文字滾動的設置</title></head><body><fontsize="3"color="#cc0000">文字滾動示例(默認):<marquee>做人要厚道</marquee>文字滾動示例(向右):<marqueedirection="right"scrolldelay="500">做人要厚道</marquee>文字滾動示例(向下,滾動方式為slide,速度為10):<marqueescrollamount="10"behavior="slide">做人要厚道</marquee>文字滾動示例(默認方向,滾動方式為alternate,循環3次,速度為2):<marqueescrollamount="2"behavior="alternate"loop="3">做人要厚道</marquee>文字滾動示例(向上,背景色為#CCFF66,設置了背景寬度和高度):<marqueedirection="up"bgcolor="#CCFF66"width="250"height="55">做人要厚道</marquee></font></body></html>
在瀏覽器地址欄輸入http://localhost/mar.htm,瀏覽效果如圖4.16所示。
圖4.16 文字滾動的不同形式
<marquee></marquee>的眾多屬性能非常方便地制作滾動文字,在后面的JavaScript學習中,讀者將繼續深化<marquee></marquee>標簽的動態行為學習。
感謝各位的閱讀!關于“HTML代碼如何制作滾動文字”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
本文由 貴州做網站公司 整理發布，部分圖文來源于互聯網，如有侵權，請聯系我們刪除，謝謝！
c語言中正確的字符常量是用一對單引號將一個字符括起表示合法的字符常量。例如‘a’。數值包括整型、浮點型。整型可用十進制，八進制，十六進制。八進制前面要加0，后面...
2022年天津專場考試原定于3月19日舉行，受疫情影響確定延期，但目前延期后的考試時間推遲。 符合報名條件的考生，須在規定時間登錄招考資訊網(www.zha...
：喜歡聽，樂意看。指很受歡迎?！巴卣官Y料”喜聞樂見：[ xǐ wén lè jiàn ]詳細解釋1. 【解釋】：喜歡聽，樂意看。指很受歡迎。2. 【示例】：這是...
以租代購是什么意思?以租代購，顧名思義，是指以租借的形式，來替代采購。以租代購是一種通過租賃來達到財務目標的商業模式。租車購車是一種以商品交易為形式的汽車消費金融業務。它是一種以客戶常租車輛及二手車車輛處置為一體的打包業務為手段，實現客戶分期買車目的的一種汽車消費形式。汽車采用長期租賃模式，每月按月繳納一次租金，租期滿時，汽車產權轉移到顧客名下。以租代購無力償還怎么辦?如果是不能一次還清的話，可以...
郁金香泡沫指的是人類社歷史上的第一次有確鑿記錄的金融泡沫事件。郁金香泡沫的發生的原有是因為17世紀荷蘭郁金香的初次引入，由于初期培養緩慢以及貴族之間的狂熱攀比導致的郁金香供不應求，從而出現的投機活動。郁金香泡沫被稱為歷史記載中最為瘋狂的-次投機行為，也叫做郁金香效應。16世紀中期，郁金香首次被西歐從其引入，引入沒多久就引來了西歐人民對其的狂熱追捧，富人們爭相對花園中的郁金香進行攀比展示，從而導致郁...
亞馬遜(Amazon，簡稱亞馬遜；納斯達克代碼:AMZN)是美國最大的在線電子商務公司，位于華盛頓州西雅圖市。亞馬遜成立于1995年。起初，它只經營在線圖書銷售，但現在它已經擴展到廣泛的其他產品。成為全球商品種類最多的網絡零售商，全球第二大互聯網企業。亞馬遜和其他供應商為客戶提供數百萬種獨特的新商品、翻新商品和二手商品，如書籍、電影、音樂和游戲、數字下載、電子產品和計算機、家庭園藝用品、玩具、嬰兒...
免責聲明：本站內容部分文字和圖片來源于網絡，版權屬于原作者所有，若有冒犯，請聯系我們進行刪除，謝謝。聯系郵箱：1051388971#qq.com （把#換成@）
