[CSS]滑鼠經過則圖片透明化和位置大小改變
圖片透明化：
a:hover img
{border: solid 5px #ff0000;
-mox-opacity:1.0; /*-mox是for firefox*/filter:alpha(opacity=100);
opacity:1.0;
}
a img
{border: solid 5px #ff0000;
-mox-opacity:0.8;
filter:alpha(opacity=80);
opacity:0.8;
}
圖片大小和位置改變：
<style type="text/css">div#img_border a /*滑鼠移至圖片*/{ padding:3px; /*滑鼠移至圖片，圖片移動的距離*/ width:1px; /*滑鼠移至圖片，圖片邊線寬度*/}
div#img_border a:hover
{ padding:2px; /*滑鼠移至圖片邊線位移*/ border:#F9AA25 solid 1px; /*邊線顏色及寬度*/}
</style>
調用時：
<div id=img_border><A href="#"><img src="Images/Annouce_r3_c1.gif" border=0></A></div>
內容來源：http://www.ironman.tw/article.asp?id=87