今天要实现各功能，当鼠标移动到有链接的图片时，图片颜色要有变化，但是又不想做不同颜色的多个图片，所以找到下面一小段样式，当鼠标移动到有链接的图片时，让其颜色变淡。文字链接也可以起到作用。


<!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="#" οnclick="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>

想了解更多--->点下面链接

http://ameblo.jp/bonnydesign/entry-11276909630.html