HTML如何實現文字左右來回移動效果

這篇文章將為大家詳細講解有關HTML如何實現文字左右來回移動效果，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

這篇文章介紹的內容是HTML 文字的左右來回移動  <marquee>，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下

HTML marquee 元素（<marquee>） 用來插入一段滾動的文字。你可以使用它的屬性控制當文本到達容器邊緣發生的事情。
behavior：
       設置文本在 marquee 元素內如何滾動。可選值有 scroll(連續滾動)，slide(滑動一次) 和 alternate(往返滾動)。 如果未指定值，默認值為 scroll。
bgcolor：
       通過顏色名稱或十六進制值設置背景顏色。
direction：
       設置 marquee 內文本滾動的方向。可選值有 left, right, up and down。如果未指定值，默認值為 left。
loop：
       設置 marquee 滾動的次數。如果未指定值，默認值為 ?1，表示 marquee 將連續滾動.
scrollamount：
       設置每次滾動時移動的長度（以像素為單位）。默認值為 6。
scrolldelay：
       設置每次滾動時的時間間隔（以毫秒為單位）。默認值為 85。請注意， 除非指定 truespeed 值，否則將忽略任何小于 60 的值，并改為使用 60。
truespeed：
       默認情況下，會忽略小于60的scrolldelay值。如果存在truespeed，那些值不會被忽略。
vspace,hspace：
       表示運動區域邊界的水平距離和垂直距離，以像素或百分比值設置垂直邊距。
width,height：
       表示運動區域的寬度和高度，以像素或百分比值設置高度。
align：
        表示元素的垂直對齊方式，值可以是top，middle，bottom，默認為middle

onmouseover=this.stop() onmouseout=this.start()表示當鼠標以上區域的時候滾動停止，當鼠標移開的時候又繼續滾動

代碼：

 <marquee vspace="10px" hspace="6px" direction="right" behavior="scroll" scrollamount="3" align="middle" bgcolor="aqua" width="300px" height="20px">

添加滾動內容

</marquee>

關于“HTML如何實現文字左右來回移動效果”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。