實例教程: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)預覽效果
在瀏覽器中預覽效果,可以看到文字先做快速度,然後做慢速度,如下圖所示:
-
辨別真假 牛津高階英漢雙解詞典 第8版
工具/材料牛津高階英漢雙解詞典第八版。操作方法盜版書首先在紙質上和牛津高階英漢雙解詞典就有很大的區別,盜版書的紙質比較薄,摸起來也很粗糙,因爲這本詞典非常厚,有幾千頁,所以從紙張的厚薄上就可以體現出盜版書比正版要薄一些。另外一個區別點就是印刷質量,盜版...
-
2016英語四級考試攻略
在大學生活中,很多小夥伴還沒過英語四級,今天小編就向大家介紹,過英語四級必備的英語詞彙和技巧。操作方法攻克四級考試的單詞關需要的不是臨時突擊,而是日積月累。考生要把記單詞變成一項日常的工作,堅持每天都溫習前一天背過的單詞,並記憶新單詞,這樣才能將詞彙爛熟...
-
英文字母怎麼寫好看
寫得一手好看的英文字母可以爲自己加分不少,那麼英文字母怎麼寫好看呢?下面我就來爲大家分享一下。操作方法筆芯要粗,寫英文字母最好應該準備0.7的筆芯,這樣的筆芯寫起字來會顯得字母非常的飽滿。最好寫在專門的英文格子裏面,那樣對於新手來說,就能完整的掌握字體的...
-
如何辨別雅思成績單的真僞
雅思成績單被英語簡稱爲IELTS,雅思考試是移民簽證的必經之路。可見雅思成績對於絕大多數準備留學的同學是多麼重要。雅思成績單一旦丟失將不會補辦原件,那麼雅思成績單丟了怎麼辦,如何辨別雅思成績單的真僞?以下作詳細說明。工具/材料雅思成績單熒光燈操作方法第一...