close

 


(簡易法)圖片跑馬燈(上、下、左、右)


修正舊文失連重新教學文


文章量龐大 無法一一檢查


謝謝告知 連結失聯 方便我修復



奇摩不支援該嵌入語法


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






























HTML語法區



上下左右跑馬燈



往上圖格跑馬效果



表格圖案文字捲軸



 圖片向左跑馬



圖片像上跑馬



網頁加我的最愛



雙色變換連結



314文字跑馬燈語法



漸層色文字跑馬



各式內嵌語法



背景圖置中



圖片跑馬燈總匯



黑板日期時鐘



全省天氣語法



swf嵌入網頁



鎖鍵語法



嵌入網頁語法



線上人數語法



封鎖鍵盤語法



圖片左右移動



 



 



 


 


 



引用:http://tw.myblog.yahoo.com/jw!wAWD3aSfGRl2jdEuOsuKozEW.w--/article?mid=73381


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

    培迪 的痞客邦部落格

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