鼠标移入以及移出时图标背景透明效果

开发工具与关键技术：Visual Studio 2015、SQL Server 2014 
作者：黄世豪
撰写时间：2019年02月20号

相信很多小伙伴在做项目时会用到在鼠标没移入图标时不需要透明效果但在鼠标移入时则需要图标背景透明，下面我们来实现一下如何在鼠标移入图标时改变图标的背景透明度。

jsp调用的方法代码：
.heng{
opacity:.6;
}

$(".heng").hover(function () {
$(this).css(‘opacity’, ‘.9’);
});
$(".heng").mouseleave(function () {
$(this).css(‘opacity’, ‘.6’);
});
移入前效果：

移入后效果：

这样你就可以根据自己所需要来设置图标背景透明度，是不是很简单呢。