這篇文章將為大家詳細講解有關HTML如何實現文字左右來回移動效果,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
這篇文章介紹的內容是HTML 文字的左右來回移動 <marquee>,有著一定的參考價值,現在分享給大家,有需要的朋友可以參考一下
HTML marquee 元素(<marquee>) 用來插入一段滾動的文字。你可以使用它的屬性控制當文本到達容器邊緣發生的事情。
behavior:
設置文本在 marquee 元素內如何滾動。可選值有 scroll(連續滾動),slide(滑動一次) 和 alternate(往返滾動)。 如果未指定值,默認值為 scroll。
bgcolor:
通過顏色名稱或十六進制值設置背景顏色。
direction:
設置 marquee 內文本滾動的方向??蛇x值有 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如何實現文字左右來回移動效果”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。
本文標題:HTML如何實現文字左右來回移動效果-創新互聯
網站URL:http://vcdvsql.cn/article40/ddgoho.html
成都網站建設公司_創新互聯,為您提供品牌網站建設、移動網站建設、網站內鏈、搜索引擎優化、網站設計、面包屑導航
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯