溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

HTML如何實現(xiàn)文字左右來回移動效果

發(fā)布時間:2021-09-13 15:37:05 來源:億速云 閱讀:311 作者:小新 欄目:web開發(fā)

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

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

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

onmouseover=this.stop() onmouseout=this.start()表示當(dāng)鼠標以上區(qū)域的時候滾動停止,當(dāng)鼠標移開的時候又繼續(xù)滾動

代碼:

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

添加滾動內(nèi)容

</marquee>

HTML如何實現(xiàn)文字左右來回移動效果

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

向AI問一下細節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI