在本版右側應該有一個滿顯眼的跑馬燈吧?
那是屬於"圖片跑馬燈"
只要用很簡短的語法就能做出跑馬燈
一般文字跑馬燈語法:
<marquee>輸入要跑的文字</marquee>
加入圖片的跑馬燈語法:
<marquee><img src="圖片的網址 " width="1 "
height="1"> </marquee>
紅色字為該圖的圖寬.圖高 請自行更改
加入超連結的跑馬燈語法:
<marquee><a href=" 連結到的網址" target="_blank">超連結的文字</a</marquee>
滑鼠移入就會停止移動的跑馬燈語法:
<marquee
onMouseOver="this.stop()" onMouseOut="this.start()">
輸入要
跑的文字</marquee>
改變跑馬燈跑的方向:
<marquee 在此加入語法>輸入要跑的文字</marquee>
往上跑:direction="up"
往下跑:direction="down"
往左跑:direction="left"
往右跑:direction="right"
改變跑馬燈的速度:
<marquee scrollamount="1">輸入要跑的文字</marquee>
紅色字請自行更改
數字越大 速度越快
改變跑馬燈寬高:
<marquee height"1"width="1">輸入要跑的文字</marquee>
紅色字請自行更改
數字越大 跑馬燈越高.寬
改變跑馬燈的底色:
<marquee bgcolor="#000000">輸入要跑的文字</marquee>
紅色字為色碼(色碼表參考:http://rhinejo.myweb.hinet.net/home/color/color-cord.html)
請自行更改
------------------分隔線---------------------
這種HTML跑馬燈不但簡單，且實用
只要把語法貼在BLOG的自由欄位中(不限html語法 或 css語法)
或者貼在網頁原始碼(html語法)的<body>與</body>之間
就能看到自己製作出的跑馬燈
若你想要讓它更顯眼一點，放置於自由欄位之外
也能參考文章【html】把網頁語法放到自由欄位外
沒有留言:
張貼留言