w047

 分類：語法教室

▼圖片語法

鎖 圖 語 法

<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="圖片網址" onmouseout="this.filters.alpha.opacity=100"
onmouseover="this.filters.alpha.opacity=50"
style="filter:alpha(opacity=100)">

引用：http://tw.myblog.yahoo.com/jw!zo1RlCmfHxlEo2UTXCcDzads5GkC/article?mid=6