超實用的小技巧—跑馬燈




跑馬燈教學




跑馬燈是一個很簡單就可以上手的一個小技巧,
這次先分享最簡單的,
之後會找時間分享更進階的喔!

不用花1分鐘,
你也可以做的出來喔!
HTML的編碼在下面

<marquee>放上你要打的字</marquee>


======= (馬燈2.0    圖片也來跑跑跑5/17更新=======

圖片式跑馬燈程式語法

<marquee><img  src="圖片網址"></marquee>

示範:

1.把圖片先上傳到你的圖床上,找出圖片的連結

http://bit.ly/259WEi7 (這是我的圖片,請換成你自己的)

2.示範語法: <marquee><img  src="http://bit.ly/259WEi7"></marquee>

成果>>
 

========== 滑鼠移入自動停止的跑馬燈語法 ==========

<marquee onMouseOver="this.stop()" onMouseOut="this.start()">這裡放要跑的文字</marquee>

示範:

1.示範語法:

<marquee onMouseOver="this.stop()" onMouseOut="this.start()">這裡放要跑的文字</marquee>

成果>>滑鼠移入自動停止
這裡放要跑的文字


沒有留言:

張貼留言