jquery实现通用版鼠标经过淡入淡出效果

2019/6/29 22:36:44

编程Tag： 淡入淡出鼠标经过

本文主要是介绍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的背景

只要给元素加上

复制代码代码如下:

class="jq_btn"

都自动有效果

这篇关于jquery实现通用版鼠标经过淡入淡出效果的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

jquery实现通用版鼠标经过淡入淡出效果

相关编程文章