| 【跑馬燈效】 |
| 程式說明 |
|
<MARQUEE>是網頁跑馬燈的標籤，利用該標籤可以讓文字具有跑馬燈的效果， 並可以透過其中的參數設定，控制跑馬燈與其它HTML元素的各種屬性。 |
| 存放位置 |
| 將下列程式存放至 <body> 標籤後 </body> 標籤前。 |
| 程式原型 |
| <marquee>內容(圖&字..等等)</marquee> |
| 使用名稱 | 原始碼 | 效果解釋 | 參數對照 | 觀看範例 |
| 對齊 方式 |
<marquee align="?"> 內容(圖&字..等等) </marquee> |
設定跑馬燈的對齊方式 主要以垂直對齊為主 |
top:向上對齊 middle:置中對齊 bottom:向下對齊 |
神羅集團 |
| 運動 方式 |
<marquee behavior="?"> 內容(圖&字..等等) </marquee> |
設定跑馬燈的運動方式 可讓跑馬燈選擇滑動 捲動或是交替 |
slide:滑動式 alternate:交替式 bottom:捲動式 |
|
| 進行 方式 |
<marquee direction="?"> 內容(圖&字..等等) </marquee> |
設定跑馬燈的進行方式 也就是設定從左邊出現 或是從右邊出現 |
right:左邊 left:右邊 up:從下至上 down:從上至下 |
|
| 背景 色彩 |
<marquee bgcolor="?"> 內容(圖&字..等等) </marquee> |
設定跑馬燈的背景色彩 只要將程式裡面的RGB顏色碼 做更換便可自由設定各種顏色 |
魔法調色盤 | |
| 設定 高度 |
<marquee height="?"> 內容(圖&字..等等) </marquee> |
設定跑馬燈的高度 參數設定只要輸入數字便可 |
阿拉伯數字 隨您設定 |
|
| 設定 寬度 |
<marquee width="?"> 內容(圖&字..等等) </marquee> |
設定跑馬燈的高度 參數設定直接輸入數字便可 |
阿拉伯數字 自由分配 |
|
| 迴圈 次數 |
<marquee loop="?"> 內容(圖&字..等等) </marquee> |
設定跑馬燈行走的次數 預設為無限次重複 可透過整數值來設定次數 |
阿拉伯數字 自由設定 |
|
| 滾動 距離 |
<marquee scrollamount="?"> 內容(圖&字..等等) </marquee> |
設定跑馬燈捲動時 每次移動的距離 就跟人走路一樣 每跨一步出去的距離 是相同的意思 |
阿拉伯數字 隨您分配 |
|
| 移動 時間 |
<marquee scrolldellay="?"> 內容(圖&字..等等) </marquee> |
設定跑馬燈每次移動時間 設定的時間越短 移動的效果就會比較平滑 不會有遲緩的感覺出現 |
阿拉伯數字 隨意分配 |
| 注意事項 |
| 內容刊登錯誤或無法理解的地方請至談心留言板告知或詢問站長-謝謝大家。 |
| │課程編撰：不二家│單元編號：H7 篇│版權所有：神羅集團│ |