實例教程:HTML中會移動的文字
我們在瀏覽頁面的時候,會看到在頁面上移動的文字,文字的移動方向有從左到右、從右到左、從上到下、從下到上等。下面,我們來看看如何使用HTML代碼編寫會移動的文字吧。
工具/材料
HTML
操作方法
語法代碼
(1)一般使用<marquee></marquee>來設置移動文字,比如我們編寫如下代碼:
(2)<marquee>會移動的文字</marquee>
預覽效果可以發現編寫在<marquee></marquee>標籤內的文字,會從右邊到左邊循環移動,如下圖所示:
文字移動速度
(1)使用scrollamount來設置文字的移動速度,比如我們編寫如下所示代碼:
<marquee scrollamount=16>快點,快點</marquee>
<marquee scrollamount=12>等等我</marquee>
(2)預覽效果
可以看到scrollamount的數值越大,移動的速度就會越快,如下圖所示:
設置文字移動的方向
(1)direction在英文上是方向的意思,同樣使用direction來設置文字的移動方向,方向可以設置為左、右、上、下等等,編寫如下代碼:
<marquee direction=left>文字從右邊向左邊</marquee> <P>
<marquee direction=right>從左邊向右邊移</marquee>
(2)預覽效果
可以看到當direction=left時,文字從右邊向左邊,當direction=right時,文字從左邊向右邊,如下圖所示:
文字循環的次數
(1)一般來説文字是默認無限次循環的,下面,我們來看看如何指定文字的循環次數吧。使用loop來設置文字的循環次數,比如編寫代碼如下:
<marquee loop=3 >文字只會循環三次</marquee>
(2)預覽效果
可以在瀏覽器上看到,文字只會循環三次,如下圖所示:
文字對齊
在HTML中的文字對齊功能,使用align屬性來設置,屬性值可以為top、Middle、button,比如我們編寫如下所示的代碼:
(2)預覽效果
然後在瀏覽器中預覽效果,可以看到文字向上對齊,如下圖所示:
移動面積
(1)設置會移動的文字範圍,比如文字在長為多少,寬為多少的區域內移動,比如我們編寫如下代碼:
<marquee height=40 width=50% bgcolor=pink>在區域內移動的文字</marquee>
(2)預覽效果
在瀏覽器中可以看到文字在高為40,寬為瀏覽器一半的區域內移動,且區域的顏色為粉紅色,如下圖所示:
延時
(1)設置文字的運行速度,讓文字可以時而快,時而慢地做運動,編寫代碼如下所示:
(2)預覽效果
在瀏覽器中預覽效果,可以看到文字先做快速度,然後做慢速度,如下圖所示:
-
英文字母怎麼寫好看
寫得一手好看的英文字母可以為自己加分不少,那麼英文字母怎麼寫好看呢?下面我就來為大家分享一下。操作方法筆芯要粗,寫英文字母最好應該準備0.7的筆芯,這樣的筆芯寫起字來會顯得字母非常的飽滿。最好寫在專門的英文格子裏面,那樣對於新手來説,就能完整的掌握字體的...
-
英語四級怎麼網上報名
英語四級是由我國教育部高等教育司組織的全國統一的單科性標準化教學考試。教育部委託“全國大學英語四、六級考試委員”會負責設計、組織、管理與實施大學英語四、六級考試。全國大學英語四、六級考試委員會由中國重點大學的有關教授和專家組成,考試委員會設辦...
-
英語專四專八證書防偽有哪些?
説到英語專四和專八證書的防偽,首先要區分其年份,因為就目前來説,專四專八證書防偽分為新版和老版,以下作詳細説明。工具/材料熒光燈英語專四證書英語專八證書操作方法看封皮,紅色外殼其實也是有防偽的,須同時滿足以下兩點:1、外殼上文字必須是燙金文字,且永不掉色;2、...
-
英語四級如何通過
英語四級是每個大學生都頭疼的問題,那麼如何通過英語四級呢?下面就讓小編來教教大家。工具/材料詞彙書、歷年考試卷、語法書操作方法英語的基礎就是詞彙,不懂詞彙肯定就不懂句子的意思,所以我們要記單詞,每天記幾個,日積月累就越來越多啦。四級考試第一步就是聽力,聽...