蒐集：網誌-教學區 2012/03/22 11:3
|
|
(簡易法)圖片跑馬燈(上、下、左、右)
修正舊文失連重新教學文
文章量龐大 無法一一檢查
謝謝告知 連結失聯 方便我修復
奇摩不支援該嵌入語法
xuite、天空可支援該html語法 (其他網誌沒測試)
左右移動 範例觀看：
http://blog.xuite.net/sunny.s4039/orz888/58672647
簡易型(上、下、左、右) 範例觀看：
http://blog.xuite.net/sunny.s4039/orz888/58671403
向下移動 範例觀看：
http://blog.xuite.net/sunny.s4039/orz888/58672940
最簡單的圖片跑馬燈語法 可運用在商品圖片展示上
(簡易法)圖片跑馬燈(左、右移動)語法：
|
<marquee behavior=alternate><img src="圖檔"><br><img src="圖檔"></marquee>
|
(簡易法)圖片跑馬燈(左、右移動)+文字描訴語法：
|
<marquee behavior=alternate>可添加文字<img src="圖檔">簡單吧<img src="圖檔"></marquee>
|
(簡易法)圖片跑馬燈(向上)語法：
小秘訣：先插入表格1→表格置中、無框線 再貼上向上圖片語法
圖片向上跑馬燈語法：
|
<marquee behavior=side direction=up><img src="圖檔"><br><img src="圖檔"></marquee>
|
圖片向上跑馬燈+文字描訴語法：
<br> 跳行 語法
|
<marquee behavior=side direction=up>可添加文字<br><img src="圖檔"><br>簡單吧<br><img src="圖檔"></marquee>
|
(簡易法)圖片跑馬燈(向下)語法：
|
<marquee behavior=side direction=down><img src="圖檔"><br><img src="圖檔"></marquee>
|
(簡易法)圖片跑馬燈(向下)+文字描訴語法：
<br> 跳行 語法
|
<marquee behavior=side direction=down>可添加文字<br><img src="圖檔"><br>簡單吧<br><img src="圖檔"></marquee>
|
語法放置：
請將下列語法複製於 <body> 與 </body> 之間。
修改圖片跑馬燈法：
開啟 FrontPage 編輯網頁程式
點選上方圖檔跑馬燈→滑鼠右鍵→跑馬燈內容
跑馬燈界面設定→速度 →延遲 中自行更改
數值越大 速度越慢
延伸教學：
重點教學：
圖片跑馬燈(上下左右)移動語法總結
往左：<marquee behavior=side direction=left><img src="圖檔網址"></marquee>
往右：<marquee behavior=side direction=right><img src="圖檔網址"></marquee>
往上：<marquee behavior=side direction=up><img src="圖檔網址"></marquee>
往下：<marquee behavior=side direction=down><img src="圖檔網址"></marquee>
左右：<marquee behavior=alternate><img src="圖檔網址"></marquee>
網頁語法：http://tw.myblog.yahoo.com/monkey_014148/article?mid=6811&next=6802&l=f&fid=33
跑馬燈語法：http://sunny666.myweb.hinet.net/11.htm
|
嵌入網頁語法 |
||||
