close

在本版右側應該有一個滿顯眼的跑馬燈吧?

那是屬於"圖片跑馬燈"

只要用很簡短的語法就能做出跑馬燈

一般文字跑馬燈語法:

<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】把網頁語法放到自由欄位外

 


 


 



arrow
arrow
    全站熱搜
    創作者介紹
    創作者 Aldrich 的頭像
    Aldrich

    無中生有

    Aldrich 發表在 痞客邦 留言(0) 人氣()