圖片語法總匯整理


▼圖片語法








防 盜 隱 藏

<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)">




 


arrow
arrow
    全站熱搜
    創作者介紹
    創作者 專案開發ㄚ清 的頭像
    專案開發ㄚ清

    ㄚ清房地產物業專業整合服務網

    專案開發ㄚ清 發表在 痞客邦 留言(0) 人氣()