今天要實現各功能，當鼠標移動到有鏈接的圖片時，圖片顏色要有變化，但是又不想做不同顏色的多個圖片，所以找到下面一小段樣式，當鼠標移動到有鏈接的圖片時，讓其顏色變淡。文字鏈接也可以起到作用。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>
<style type="text/css">
a.colorChangeStyle:hover {
opacity:0.50;
filter:alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
-moz-opacity:0.50;
}
</style>
</title>
</head>
<body>
<p><a class="colorChangeStyle" href="#" onclick="window.open('http://www.rmiri.co.jp/exam/basic/index.html');return false;"><img src="<s:url value="/img/credittest.jpg" encode="false" />"/>
</a></p>
</body>
</html>想了解更多--->點下面鏈接