"使用者:Rocio/測試頁面" 修訂間的差異
出自 淡水維基館
小 |
小 (→跑馬燈) |
||
行 3: | 行 3: | ||
==跑馬燈== | ==跑馬燈== | ||
+ | *HTML marquee 跑馬燈參數: | ||
+ | <pre> | ||
+ | 方向設定:direction="參數值";可設定 up(向上)、dun(向下)、left(向左)、right(向右)。 | ||
+ | 對齊設定:align="參數值";可設定 top(靠上對齊)、midden(垂直至中)、botton(靠下對齊)。(有些瀏覽器不支援,最好直接在內容設定) | ||
+ | 速度設定:scrollamount="參數值" ;可設定為數字,通常設定 1~10 的範圍,數字越大跑得越快。 | ||
+ | 間隔時間:scrolldelay="數值";顯示內容每次移動的間隔時間(省略時的預設值:85毫秒/ms)。 | ||
+ | 長度設定:height="參數值";數字,自行設定。 | ||
+ | 寬度設定:width="參數值";數字,自行設定。 | ||
+ | 行為設定:behavior="參數值";可設定 alternate(來回跑)、slide(跑入後停止)。 | ||
+ | 背景顏色:bgcolor="參數值";可設定為顏色的色碼,不設定則沒有顏色。 | ||
+ | </pre> | ||
===水平=== | ===水平=== | ||
<marquee> | <marquee> | ||
− | [[Image:2012-淡水紅毛城2.jpg|200px]] [[檔案:于右任墓園正面.JPG|200px]] [[檔案:原英商嘉士洋行倉庫1.jpg|200px]] [[檔案:淡水臺銀日式宿舍-左.jpeg|200px]] [[檔案:福佑宮20120325.jpg|200px]] | + | [[Image:2012-淡水紅毛城2.jpg|200px|紅毛城]] |
− | [[檔案:淡水海關碼頭3.JPG|200px]] | + | [[檔案:于右任墓園正面.JPG|200px|于右任墓]] |
− | [[檔案:滬尾偕醫館.jpg|200px]] | + | [[檔案:原英商嘉士洋行倉庫1.jpg|200px|殼牌倉庫]] |
+ | [[檔案:淡水臺銀日式宿舍-左.jpeg|200px|臺銀日式宿舍]] | ||
+ | [[檔案:福佑宮20120325.jpg|200px|福佑宮]] | ||
+ | [[檔案:淡水海關碼頭3.JPG|200px|海關碼頭]] | ||
+ | [[檔案:滬尾偕醫館.jpg|200px|滬尾偕醫館]] | ||
</marquee> | </marquee> | ||
===垂直=== | ===垂直=== | ||
*進入後停止 (也許...可以搭配choose,每次隨機出現"一組"照片,可能是古蹟組,或者某一景點一系列,如錦繡莊) | *進入後停止 (也許...可以搭配choose,每次隨機出現"一組"照片,可能是古蹟組,或者某一景點一系列,如錦繡莊) | ||
− | <marquee direction="up" height=" | + | <choose> |
+ | <option> | ||
+ | <marquee direction="up" height="200px" behavior="slide"> | ||
<gallery> | <gallery> | ||
− | Image:2012-淡水紅毛城2.jpg | + | Image:2012-淡水紅毛城2.jpg|紅毛城 |
− | 檔案:于右任墓園正面.JPG | + | 檔案:于右任墓園正面.JPG|于右任墓 |
− | 檔案:原英商嘉士洋行倉庫1.jpg | + | 檔案:原英商嘉士洋行倉庫1.jpg|殼牌倉庫 |
− | 檔案:淡水臺銀日式宿舍-左.jpeg | + | 檔案:淡水臺銀日式宿舍-左.jpeg|臺銀日式宿舍 |
− | 檔案:福佑宮20120325.jpg | + | 檔案:福佑宮20120325.jpg|福佑宮 |
− | 檔案:淡水海關碼頭3.JPG | + | 檔案:淡水海關碼頭3.JPG|海關碼頭 |
− | 檔案:滬尾偕醫館.jpg | + | 檔案:滬尾偕醫館.jpg|滬尾偕醫館 |
</gallery> | </gallery> | ||
</marquee> | </marquee> | ||
+ | </option> | ||
+ | <option> | ||
+ | <marquee direction="up" height="200px" behavior="slide"> | ||
+ | <gallery> | ||
+ | 檔案:公司田溪程氏古厝-2.jpg | ||
+ | 檔案:木下靜涯故居.jpg | ||
+ | 檔案:日本警官宿舍1.JPG | ||
+ | </gallery> | ||
+ | </marquee> | ||
+ | </potion> | ||
+ | </choose> | ||
*反覆 | *反覆 | ||
− | <marquee direction="up" height=" | + | <marquee direction="up" height="300px" scrollamount="3"> |
:[[Image:2012-淡水紅毛城2.jpg|200px]] | :[[Image:2012-淡水紅毛城2.jpg|200px]] | ||
:[[檔案:于右任墓園正面.JPG|200px]] | :[[檔案:于右任墓園正面.JPG|200px]] |
於 2014年8月8日 (五) 21:53 的修訂
跑馬燈
- HTML marquee 跑馬燈參數:
方向設定:direction="參數值";可設定 up(向上)、dun(向下)、left(向左)、right(向右)。 對齊設定:align="參數值";可設定 top(靠上對齊)、midden(垂直至中)、botton(靠下對齊)。(有些瀏覽器不支援,最好直接在內容設定) 速度設定:scrollamount="參數值" ;可設定為數字,通常設定 1~10 的範圍,數字越大跑得越快。 間隔時間:scrolldelay="數值";顯示內容每次移動的間隔時間(省略時的預設值:85毫秒/ms)。 長度設定:height="參數值";數字,自行設定。 寬度設定:width="參數值";數字,自行設定。 行為設定:behavior="參數值";可設定 alternate(來回跑)、slide(跑入後停止)。 背景顏色:bgcolor="參數值";可設定為顏色的色碼,不設定則沒有顏色。
水平
垂直
- 進入後停止 (也許...可以搭配choose,每次隨機出現"一組"照片,可能是古蹟組,或者某一景點一系列,如錦繡莊)
<marquee direction="up" height="200px" behavior="slide">
</marquee>
- 反覆
<marquee direction="up" height="300px" scrollamount="3">
</marquee>
網站banner
測試頁面
- 主題頁面:淡水古蹟