圖片式網頁跑馬燈語法特效介紹

單純的文字跑馬燈可能不能滿足你的需求,其實網頁跑馬燈除了在文字下功夫之外,還可以加入圖片的效果唷!這篇就簡單介紹如何為跑馬燈加入圖片效果,要注意的是圖片來源必須能夠正確顯示,最好是把圖片存在自己的伺服器中,因為有些網站的圖檔是禁止外連的,就算家到你的網頁中也無法正常顯示。

圖片語法寫法很簡單,你可以寫成這樣:<img  src="圖片網址">。把這段語法與跑馬燈組合起來就可以囉!

圖片式跑馬燈程式語法
<marquee><img  src="圖片網址"></marquee>
呈現效果
由於我們都沒有特別的設定參數,所以圖片依照瀏覽器預設的方式移動,請參考相關閱讀的教學,了解如何設定跑馬燈的參數,包含了跑馬燈的速度、跑動方向、長度、寬度與跑動行為等設定。

相關閱讀
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012
PHP Smarty MySQL JQuery Apache W3C