鼠标移动到图片上颜色变淡样式

发布时间：2020-07-02 20:21:49 阅读：2500 作者：101ttyy 栏目：开发技术

开发者测试专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

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

<!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>

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

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

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

向AI问一下细节

鼠标移动到图片上颜色变淡样式

猜你喜欢

最新资讯

相关推荐

开发者交流群：

相关标签