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

最新推荐文章于 2023-12-19 14:10:18 发布

凌天逆袭

最新推荐文章于 2023-12-19 14:10:18 发布

阅读量1k

点赞数 1

分类专栏：专题技术文章标签：图标透明度

本文链接：https://blog.csdn.net/qq_44538331/article/details/87889018

版权

专题技术专栏收录该内容

11 篇文章 0 订阅

订阅专栏

开发工具与关键技术：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’);
});
移入前效果：
在这里插入图片描述
移入后效果：

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