滑鼠移入就會自動停止的網頁跑馬燈語法

網頁跑馬燈的多種呈現方式造就了相當多的應用,除了一般常見的單純跑動方式之外,如果用在像是最新消息這的資訊欄中,最好是能夠加上滑鼠移入就會自動停止的效果,比較貼近使用者的需求。

滑鼠移入自動停止的跑馬燈語法
<marquee onMouseOver="this.stop()" onMouseOut="this.start()">這裡放要跑的文字或圖片</marquee>
呈現效果
這裡放要跑的文字或圖片
比較特別的是在跑馬燈的設定中,我們加入了 Javascript 的語法,onMouseOver 的意思是當滑鼠移入的時候,執行 this.stop() 的命令,也就是停止跑馬燈,onMouseOut 則是代表滑鼠移走的時候,執行 this.start() 的命令,讓跑馬燈繼續跑動。

相關閱讀
網頁跑馬燈語法教學 HTML marquee 程式設計
圖片式網頁跑馬燈語法特效介紹
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012