網路城邦
回本城市首頁 依卡語法學院
市長:旅 者  副市長:
加入本城市推薦本城市加入我的最愛訂閱最新文章
udn城市人文藝術藝術天地【依卡語法學院】城市/討論區/
討論區基本語法 字體:
上一個討論主題 回文章列表 下一個討論主題
圖片效果 語法範例
 瀏覽1,481|回應0推薦4

旅 者
等級:7
留言加入好友
文章推薦人 (4)

尋夢笑三少(才少休)
葵 葵{LU LU}
偉如優
fen22179

負片效果





<table cellspacing="0" cellpadding="0" background="http://i203.photobucket.com/albums/aa287/jeffrey8869/digital_art_CG_wallpaper_soa_lee_05.jpg" width="700" height="525" border="0"><tr><td><marquee scrollamount="1" scrolldelay="10"><marquee scrollamount="1" scrolldelay="10" direction="right"><table style="FILTER:Invert" height="525" width="700" align="center" background="http://i203.photobucket.com/albums/aa287/jeffrey8869/digital_art_CG_wallpaper_soa_lee_05.jpg" border="0"><tr><td><table style="FILTER: Alpha(Opacity=80, FinishOpacity=0, Style=2, StartX=20, StartY=10, FinishX=0, FinishY=0)gray()" align="left"><tr><td> </td></tr></table></td></tr></table></td></tr></table></marquee></marquee>


x光效果



<table cellspacing="0" cellpadding="0" background="http://i203.photobucket.com/albums/aa287/jeffrey8869/digital_art_CG_wallpaper_soa_lee_05.jpg" width="700" height="525" border="0"><tr><td><marquee scrollamount="1" scrolldelay="10"><marquee scrollamount="1" scrolldelay="10" direction="right"><table style="FILTER:xray" height="525" width="700" align="center" background="http://i203.photobucket.com/albums/aa287/jeffrey8869/digital_art_CG_wallpaper_soa_lee_05.jpg" border="0"><tr><td><table style="FILTER: Alpha(Opacity=80, FinishOpacity=0, Style=2, StartX=20, StartY=10, FinishX=0, FinishY=0)gray()" align="left"><tr><td> </td></tr></table></td></tr></table></td></tr></table></marquee></marquee>




灰階效果



<table cellspacing="0" cellpadding="0" background="http://i203.photobucket.com/albums/aa287/jeffrey8869/digital_art_CG_wallpaper_soa_lee_05.jpg" width="700" height="525" border="0"><tr><td><marquee scrollamount="1" scrolldelay="10"><marquee scrollamount="1" scrolldelay="10" direction="right"><table style="FILTER:gray" height="525" width="700" align="center" background="http://i203.photobucket.com/albums/aa287/jeffrey8869/digital_art_CG_wallpaper_soa_lee_05.jpg" border="0"><tr><td><table style="FILTER: Alpha(Opacity=80, FinishOpacity=0, Style=2, StartX=20, StartY=10, FinishX=0, FinishY=0)gray()" align="left"><tr><td> </td></tr></table></td></tr></table></td></tr></table></marquee></marquee>



相反效果

<table border="0" cellspacing="0" cellpadding="0" width="700" background="http://i203.photobucket.com/albums/aa287/jeffrey8869/digital_art_CG_wallpaper_soa_lee_05.jpg" height="525"><tbody><tr><td><marquee scrollamount="1" scrolldelay="10"><marquee direction="right" scrollamount="1" scrolldelay="10"><table style="FILTER: FlipH" border="0" width="700" background="http://i203.photobucket.com/albums/aa287/jeffrey8869/digital_art_CG_wallpaper_soa_lee_05.jpg" align="center" height="525"><tbody><tr><td><table style="FILTER: Alpha(Opacity=80, FinishOpacity=0, Style=2, StartX=20, StartY=10, FinishX=0, FinishY=0)gray()" align="left"><tbody><tr><td></td></tr></tbody></table></td></tr></tbody></table></marquee></marquee></td></tr></tbody></table></marquee /></marquee />


顛倒效果



<table cellspacing="0" cellpadding="0" background="http://i203.photobucket.com/albums/aa287/jeffrey8869/digital_art_CG_wallpaper_soa_lee_05.jpg" width="700" height="525" border="0"><tr><td><marquee scrollamount="1" scrolldelay="10"><marquee scrollamount="1" scrolldelay="10" direction="right"><table style="FILTER:FlipV" height="525" width="700" align="center" background="http://i203.photobucket.com/albums/aa287/jeffrey8869/digital_art_CG_wallpaper_soa_lee_05.jpg" border="0"><tr><td><table style="FILTER: Alpha(Opacity=80, FinishOpacity=0, Style=2, StartX=20, StartY=10, FinishX=0, FinishY=0)gray()" align="left"><tr><td> </td></tr></table></td></tr></table></td></tr></table></marquee></marquee>


模糊效果



<table cellspacing="0" cellpadding="0" background="http://i203.photobucket.com/albums/aa287/jeffrey8869/digital_art_CG_wallpaper_soa_lee_05.jpg" width="700" height="525" border="0"><tr><td><marquee scrollamount="1" scrolldelay="10"><marquee scrollamount="1" scrolldelay="10" direction="right"><table style="FILTER:Blur" height="525" width="700" align="center" background="http://i203.photobucket.com/albums/aa287/jeffrey8869/digital_art_CG_wallpaper_soa_lee_05.jpg" border="0"><tr><td><table style="FILTER: Alpha(Opacity=80, FinishOpacity=0, Style=2, StartX=20, StartY=10, FinishX=0, FinishY=0)gray()" align="left"><tr><td> </td></tr></table></td></tr></table></td></tr></table></marquee></marquee>


波浪效果




<table cellspacing="0" cellpadding="0" background="http://i203.photobucket.com/albums/aa287/jeffrey8869/digital_art_CG_wallpaper_soa_lee_05.jpg" width="700" height="525" border="0"><tr><td><marquee scrollamount="1" scrolldelay="10"><marquee scrollamount="1" scrolldelay="10" direction="right"><table style="filter:wave(strength=6, add=0, freq=10, phase=25, lightstrength=20)" height="525" width="700" align="center" background="http://i203.photobucket.com/albums/aa287/jeffrey8869/digital_art_CG_wallpaper_soa_lee_05.jpg" border="0"><tr><td><table style="FILTER: Alpha(Opacity=80, FinishOpacity=0, Style=2, StartX=20, StartY=10, FinishX=0, FinishY=0)gray()" align="left"><tr><td> </td></tr></table></td></tr></table></td></tr></table></marquee></marquee>



另一種效果x光片(看他跑的方式不一樣喔)(框線參數)





<table cellspacing="0" cellpadding="0" background="http://i203.photobucket.com/albums/aa287/jeffrey8869/digital_art_CG_wallpaper_soa_lee_05.jpg" width="700" height="525" border="0"><tr><td><marquee scrollamount="1" scrolldelay="10"><marquee scrollamount="1" scrolldelay="10" direction="right" behavior="slide"><table style="FILTER:Invert" height="525" width="700" align="center" background="http://i203.photobucket.com/albums/aa287/jeffrey8869/digital_art_CG_wallpaper_soa_lee_05.jpg" border="0"><tr><td><table style="FILTER: Alpha(Opacity=80, FinishOpacity=0, Style=2, StartX=20, StartY=10, FinishX=0, FinishY=0)gray()" align="left"><tr><td> </td></tr></table></td></tr></table></td></tr></table></marquee></marquee>


語法中可更改如下(請自行對照)

background=圖片網址

width=寬度

height=高度

scrollamount=圖片行進速度(數字越大越快)

scrolldelay=秒數間隔(1/1000秒)

style="濾鏡元素"



最後一張圖我加上了跑馬參數的停止

這個→ behavior="slide"

所以跑起來方式不一樣喔



table框架語法部分:

可加框線→ border="數字"

也可以加上參數為→ style="BORDER:dashed 2px #0f0eff"

這個參數裡→ BORDER:dashed 2px #0f0eff → dashed(框線樣式) 2px(框線粗細) #0f0eff(框線顏色)


框線樣式

實心線 → solid
雙重線 → double
短直線 → dashed
虛點線 → dotted
溝線 → groove
脊線 → ridge
嵌入線 → inset
浮出線 → outset


備註:不能改變方向蛤(我也改不出來蛤)(看哪個老師知道的解釋一下怎改變方向跑馬)

謝謝  ஐ星晴ஐ 提供分享~

回應 回應給此人 推薦文章 列印 加入我的文摘

引用
引用網址:https://city.udn.com/forum/trackback.jsp?no=63947&aid=3704589