圖片語法彙集
特殊圖片語法(有些語法不適用YAHOO奇摩部落格)
貼圖語法:
<img src="圖片網址" >
*注意* 圖檔必須為 .gif、.bmp、.jpg、.png ....
防盜隱藏語法:
<img src="圖片網址" onmousedown="alert('想偷圖唷!來去躲起來...');style.visibility='hidden'">
鎖圖語法:
<img src="圖片網址" onmousedown="alert('打你想出現的字!')">
圖片透明化語法:
<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="圖片網址"style="Filter.Wave(strength=9,freq=9,lightstrength=23,pgase=80)">
滑鼠移到圖片上時變黑白的語法:
<img border="0" src="圖片網址"onMouseWver="this.style.filter='gray'"onMouseOut="this.style.filter=null">
滑鼠移到圖片上時變黑的語法:
<img border="0" src="圖片網址"onMouseWver="this.style.filter='xray'"onMouseOut="this.style.filter=null">
滑鼠移到圖片上時變底片圖的語法:
<img border="0" src="圖片網址"onMouseWver="this.style.filter='invert'"onMouseOut="this.style.filter=null">
圖片觸碰淡化語法:
<img src="圖片網址" onMouseOut="this.filters.alpha.opacity=100" onMouseOver="this.filters.alpha.opacity=50" style="filter:alpha(opacity=100)">
圖片灰階影像語法:
<img src="圖片網址"style="filter:gray(color=blue)">
圖片負面效果語法:
<img src="圖片網址"style="filter:lnvert(color=blue)">
圖片透明遮罩語法:
<img src="圖片網址"style="filter:mask(color=blue)">
圖片隱約美化語法:
<img src="圖片網址" style="filter:wave (strength=0,freq=3,phase=8,lightstrength=10) Alpha(Opacity=100, style=2)">
留言列表