jquery实现通用版鼠标经过淡入淡出效果
来源:爱站网时间:2020-01-07编辑:网友分享
说到鼠标经过后淡入淡出要怎么实现,其实它可以为一些效果添加很多色彩,所以这也让大家对他印象深刻,下面是爱站技术频道小编带给大家的jquery实现通用版鼠标经过淡入淡出效果,一起来看看吧!
说到鼠标经过后淡入淡出要怎么实现,其实它可以为一些效果添加很多色彩,所以这也让大家对他印象深刻,下面是爱站技术频道小编带给大家的jquery实现通用版鼠标经过淡入淡出效果,一起来看看吧!
复制代码 代码如下:
<a class="jq_btn" href="#"><div></div></a>
//鼠标移上去效果
$(".jq_btn").hover(function(){
$(this).find("div").stop().fadeIn();
},function(){
$(this).find("div").stop().fadeOut();
});
原理很简单
a标签背景设置正常状态
div背景设置鼠标hover的背景
只要给元素加上
本文是爱站技术频道小编为大家带来的jquery实现通用版鼠标经过淡入淡出效果,小编认为看完上文的小伙伴应该对这些知识都有了很大程度的提高吧!