蛋糕毛巾

可藍 畢業旅行 劉謙 單車美少女 內褲 

圖片語法總匯整理
有些語法 不試用奇摩部落格

▼圖片語法
防 盜 隱 藏<img src="圖片網址" onmousedown="alert('想偷圖唷！來企躲起來。。。');style.visibility='hidden'">


鎖 圖 語 法<IMG SRC="圖片網址" onmousedown="alert('打你想出現的字！')">



貼圖：<img src="">
說明：圖檔必須為gif、bmp、jpg、png...。 


圖片透明化：<img src="圖檔網址" style="filter:Alpha(Style=n)"> n=1~3
說明：n值越大越透明，最大為3，建議用2


圖片加框：<img src="圖檔網址" border=?>
說明： border= 框線大小。 ▼圖片語法



貼圖：<img src="">
說明：圖檔必須為gif、bmp、jpg、png...。 


圖片透明化：<img src="圖檔網址" style="filter:Alpha(Style=n)"> n=1~3
說明：n值越大越透明，最大為3，建議用2


圖片加框：<img src="圖檔網址" border=?>
說明： border= 框線大小。 


圖片大小：<img src=" 圖檔網址" height=? width=?></marquee>
說明：height=高度；width=寬度。 


圖片加註解：<img src="圖檔網址" alt=要註解的字>
說明：alt=圖片說明，把滑鼠移到圖片上即可看到所輸入的字。 


圖片位置：<p align=center><img src="圖檔網址"></p>
說明：center=圖片居中；left=圖片靠左；right=圖片靠右。 


圖片跑馬燈移動：
往左：<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>


圖片連結加註解：
<a href="要連結的網址" target="_blank" alt="""""要註解的字"><img"""" src="圖檔網址"></a>
說明：_blank=另開一新視窗，如果你不想另開，把target="_blank"去掉即可。 
alt=圖片說明，把滑鼠移到圖片上即可看到所輸入的字。 


圖片大小：<img src=" 圖檔網址" height=? width=?></marquee>
說明：height=高度；width=寬度。 


圖片加註解：<img src="圖檔網址" alt=要註解的字>
說明：alt=圖片說明，把滑鼠移到圖片上即可看到所輸入的字。 


圖片位置：<p align=center><img src="圖檔網址"></p>
說明：center=圖片居中；left=圖片靠左；right=圖片靠右。 


圖片跑馬燈移動：
往左：<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>


圖片連結加註解：
<a href="要連結的網址" target="_blank" alt="""""要註解的字"><img"""" src="圖檔網址"></a>
說明：_blank=另開一新視窗，如果你不想另開，把target="_blank"去掉即可。 
alt=圖片說明，把滑鼠移到圖片上即可看到所輸入的字。 


扭曲變形的圖 <IMG SRC="圖片網址"style="Filter:Wave(strength=9,freq=,lightstrength=23,phase=80)">
觸摸圖片時產生語法效果滑鼠移到圖片時變黑白 <IMG border="0" src="圖片網址"onMouseOver="this.style.filter='gray'"onMouseOut="this.style.filter=null">
滑鼠移到圖片時變黑 <IMG border="0" src="圖片網址"onMouseOver="this.style.filter='xray'"onMouseOut="this.style.filter=null">
滑鼠移到圖片時變底片圖 <IMG border="0" src="圖片網址"onMouseOver="this.style.filter='invert'"onMouseOut="this.style.filter=null">


灰 階 影 像<IMG SRC="圖片網址" STYLE="FILTER: Gray(Color=blue)">


負 面 效 果<IMG SRC="圖片網址" STYLE="FILTER: Invert(Color=blue)">
透 明 遮 罩<IMG SRC="圖片網址" STYLE="FILTER: Mask(Color=blue)">
觸 碰 淡 化<img SRC="圖片網址" onmouseout="this.filters.alpha.opacity=100" onmouseover="this.filters.alpha.opacity=50" style="filter:alpha(opacity=100)">
隱 約 美 化<img src="圖片網址"style="filter:wave(strength=0,freq=3,phase=8,lightstrength=10) Alpha(Opacity=100, style=2)">