實例教程: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)預覽效果
在瀏覽器中預覽效果,可以看到文字先做快速度,然後做慢速度,如下圖所示:
-
希臘字母怎麼讀?希臘字母怎麼打出來?
一共24個字母α(阿而法)β(貝塔)γ(伽馬)δ(德爾塔)ε(艾普西龍)ζ(截塔)η(艾塔)θ(西塔)ι約塔)κ(卡帕)λ(蘭姆達)μ(米尤)ν(紐)ξ(可系)ο(奧密克戎)π(派)ρ(若)σ(西格馬)τ(套)υ(英文或拉丁字母)φ(斐)χ(喜)ψ(普西))ω(歐米伽)工具/材料電腦操作方法Αα,音名ἄλφα,希臘語字母名稱叫做/ˈalf...
-
小學三年級英語學習方法
小學三年級的英語學習還處在一個非常基礎的起步階段,這個時期的英語要怎麼學習呢?操作方法要儘可能去理解英文,很多單詞要懂得去聯想,比如說看到蘋果,知道這是apple。英文的發音其實非常重要,學習英文不僅僅要求會寫,還要能說,所以要儘量的學會用英文的音標去記英文的...
-
英語中副詞的用法
學習英語,掌握各種詞性的詞的用法十分重要,今天我來介紹副詞的用法。操作方法副詞是一種用來修飾動詞,形容詞等的詞,常見的可分爲時間和頻度副詞:now,then,often,always,usually,ever,never,yet。地點副詞:here,there,everywhere,anywhere,in。方式副詞:carefully,properly,anxiou...
-
考研複習計劃
時間過的真是快速呀,這一轉眼半年又過去啦,今天又到了7月份啦,那麼,在下班年裏,我們該如何制定一個複習計劃來爲我們的考研進行準備呢,接下來小編爲你詳細的介紹下:考研複習計劃。工具/材料考研複習計劃操作方法確定是否考研。這個的話就是說,我們首先的話要和我們的家...