企鵝碎碎唸 歡迎光臨企鵝碎碎唸~ 企鵝碎碎唸の優格推薦


 ◆ 跑馬燈的基本語法&執行預覽
<marquee>顯示內容</marquee>
歡迎光臨企鵝碎碎唸~

 ◆ 全部屬性的使用說明&執行預覽:
(1) WIDTH="數值"
說明: 設定跑馬燈的寬度(單位:像素/px),若不指定則預設為版面寬度
預覽: 1.不加屬性「WIDTH=" "
歡迎光臨企鵝碎碎唸~
1.
2.設定屬性「
WIDTH="500"
歡迎光臨企鵝碎碎唸~

(2) HEIGHT="數值"
說明: 設定跑馬燈的高度(單位:像素/px,若不指定則預設為顯示內容的高度
預覽: 1.不加屬性「HEIGHT=" "
歡迎光臨企鵝碎碎唸~

2.設定屬性「
HEIGHT="30"
歡迎光臨企鵝碎碎唸~

(3) BEHAVIOR="屬性"
說明: 顯示內容的移動方式(省略時的預設值:SCROLL)
共有:不斷的由右循環至左/SCROLL、不斷的在左、右之間來回/ALTERNATE 以及
共有:由右滑動至左(一次)/SLIDE 這三種方式
預覽: 1.不加屬性「BEHAVIOR=" "
歡迎光臨企鵝碎碎唸~

2.設定屬性「
BEHAVIOR="SCROLL"
歡迎光臨企鵝碎碎唸~

3.設定屬性「
BEHAVIOR="ALTERNATE"
歡迎光臨企鵝碎碎唸~

4.設定屬性「
BEHAVIOR="SLIDE"
歡迎光臨企鵝碎碎唸~

(4) DIRECTION="屬性"
說明: 顯示內容的移動方向(省略時的預設值:LEFT)
共有:往上/UP、往下/DOWN、往左/LEFT 以及 往右/RIGHT 這四個方向
預覽:
1.不加屬性「DIRECTION=" "
歡迎光臨企鵝碎碎唸~

2.分別設定屬性「DIRECTION="UP、DOWN、LEFT、RIGHT"
往左
往下  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX 往上
往右

(5) SCROLLAMOUNT="數值"
說明: 顯示內容每次的移動距離(省略時的預設值:6px)
預覽: 1.不加屬性「SCROLLAMOUNT=" "
歡迎光臨企鵝碎碎唸~

2.設定屬性「
SCROLLAMOUNT="6"
歡迎光臨企鵝碎碎唸~

3.設定屬性「
SCROLLAMOUNT="0"(設為0的話,跑馬燈就完全不會移動了!)
歡迎光臨企鵝碎碎唸~

4.設定屬性「
SCROLLAMOUNT="30"
歡迎光臨企鵝碎碎唸~

(6) SCROLLDELAY="數值"
說明: 顯示內容每次移動的間隔時間(省略時的預設值:85毫秒/ms)
預覽: 1.不加屬性「SCROLLDELAY=" "
歡迎光臨企鵝碎碎唸~

2.設定屬性「
SCROLLDELAY="85"
歡迎光臨企鵝碎碎唸~

3.設定屬性「
SCROLLDELAY="300"
歡迎光臨企鵝碎碎唸~

4.設定屬性「
SCROLLDELAY="500"
歡迎光臨企鵝碎碎唸~

(7) LOOP="次數"
說明: 顯示內容的執行次數(省略時的預設值:無限多次),輸入「0」即代表執行無限多次
預覽: 1.不加屬性「LOOP=" "
歡迎光臨企鵝碎碎唸~

2.設定屬性「
LOOP="0"
歡迎光臨企鵝碎碎唸~

3.設定屬性「
LOOP="1"
歡迎光臨企鵝碎碎唸~

(8) ALIGN="屬性"
說明: 顯示內容的對齊位置(省略時的預設值:BOTTOM)
共有:置頂/TOP、置中/MIDDLE 以及 底部/BOTTOM 這三個位置
預覽: 1.不加屬性「ALIGN=" "
歡迎光臨企鵝碎碎唸~

2.設定屬性「
ALIGN="BOTTOM"
歡迎光臨企鵝碎碎唸~

3.設定屬性「
ALIGN="MIDDLE"
歡迎光臨企鵝碎碎唸~

4.設定屬性「
ALIGN="TOP"
歡迎光臨企鵝碎碎唸~

註:因為ALIGN屬性無法適用於全部的瀏覽器,故建議最好直接在顯示內容上作設定!

(9) HSPACE="數值"
說明: 左、右邊緣的空白空間(單位:像素/px,若不指定則預設為0px
預覽: 1.不加屬性「HSPACE=" "
歡迎光臨企鵝碎碎唸~

2.設定屬性「
HSPACE="0"
歡迎光臨企鵝碎碎唸~

3.設定屬性「HSPACE="30"
歡迎光臨企鵝碎碎唸~

(10) VSPACE="數值"
說明: 上、下邊緣的空白空間(單位:像素/px,若不指定則預設為0px
預覽: 1.不加屬性「VSPACE=" "
歡迎光臨企鵝碎碎唸~

2.設定屬性「
VSPACE="0"
歡迎光臨企鵝碎碎唸~

3.設定屬性「VSPACE="30"
歡迎光臨企鵝碎碎唸~

(11) BGCOLOR="顏色代碼"
說明: 設定跑馬燈的背景顏色(預設為白色/#FFFFFF 或 WHITE)
預覽: 1.不加屬性「BGCOLOR=" "
歡迎光臨企鵝碎碎唸~

2.設定屬性「
BGCOLOR="#FFFFFF"
歡迎光臨企鵝碎碎唸~

3.設定屬性「
BGCOLOR="#f9f7b3"
歡迎光臨企鵝碎碎唸~

備註: 跑馬燈的預設背景及空白空間顏色皆為「白色」,而顯示內容的文字部份則為「黑色」
上方的預覽是為了強調而特意加以更改!!


 ◆ 備 註:
您除了可以如文章最上方的跑馬燈一般,在顯示內容的地方加上文字、連結以及圖片之外
還可以將整個跑馬燈的程式碼套入表格之中來加以美化,作法如下:
1. 先下載或自己製作一張與跑馬燈大小相符合的邊框圖片
2. 將圖片裁剪成上、下、左、右四個部份
3. 如下面的表格將跑馬燈以及
上、下、左、右邊框的圖片分別插入表格之中就可以囉~

  插入上框
插入左框
插入跑馬燈
插入右框
插入下框

 


創作者介紹

企鵝碎碎唸

企鵝 發表在 痞客邦 PIXNET 留言(14) 人氣()


留言列表 (14)

發表留言
  • pfge
  • 第一個報到?
  • 非常感謝尼來報到喔~ ^^

    企鵝 於 2009/03/23 00:58 回覆

  • Belito
  • 蠻好玩的~馬上實驗一個~嘻嘻
    不過我只看懂了第一步<marquee>顯示內容</marquee>
    還好這樣就可以用了~~^^
  • 呵呵…只使用預設值就粉好用囉~~ ^^

    企鵝 於 2009/03/23 01:01 回覆

  • jack60455867
  • 跑馬燈~~~真的好好玩!!!
  • 呵呵…張貼在部落格上當作公告欄來使用倒也是蠻方便滴~ ^^

    企鵝 於 2009/04/17 07:40 回覆

  • DASOB
  • 請問全部屬性的語法要打在哪?.....謝謝
  • 全部屬性的語法??
    您的問題可以說明的更清楚一點嗎 ^^"

    企鵝 於 2009/04/17 07:41 回覆

  • 王子
  • 感謝分享,試做一個,成功!
  • 恭禧~拍拍手 ^^

    企鵝 於 2009/11/15 12:06 回覆

  • K
  • 謝謝分享
    但是我只會最基本的跑馬燈
    其他設定我不會用,不知道板大有沒有更詳細的教學
    其他的設定值應該放在哪裡呢?
    <marquee></marquee>其他設定要放在中間還是後面呢?

  • 加在 <marquee> 裡頭就可以囉

    企鵝 於 2010/01/25 21:33 回覆

  • 打水
  • 如何張貼在部落格上當作公告欄來使用~是要放那裡~我放自訂欄位跟文章都不行也不會跑
  • 米奇
  • 請問一下喔
    那如果是flash的跑馬燈要讓他無線循環
    該怎麼做呢?
    謝謝^^
  • asdfg
  • 好難喔!!
  • rg4133
  • 你好~~想請問一下
    如何讓跑馬燈像你最上面的那個一樣
    也就是文字由右向左跑,跑到左邊全部文字結束時
    馬上右邊又有文字出現
    謝謝
  • 明毅 林
  • 感謝!
  • Alice
  • 謝謝分享,請問我想將速度變慢,是該將其加入哪裡?可以舉例嗎?因為我加在 <marquee> 裡頭卻不行,且語法會跟著出現,,,,
  • 悄悄話
找更多相關文章與討論