jquery实现通用版鼠标经过淡入淡出效果_jquery
来源:动视网
责编:小采
时间:2020-11-27 21:24:32
jquery实现通用版鼠标经过淡入淡出效果_jquery
jquery实现通用版鼠标经过淡入淡出效果_jquery: 代码如下: //鼠标移上去效果 $(.jq_btn).hover(function(){ $(this).find(div).stop().fadeIn(); },function(){ $(this).find(div).stop().fadeOut(); }); 原理很简单 a标签背景设置正常状态 div背景设置鼠标hove
导读jquery实现通用版鼠标经过淡入淡出效果_jquery: 代码如下: //鼠标移上去效果 $(.jq_btn).hover(function(){ $(this).find(div).stop().fadeIn(); },function(){ $(this).find(div).stop().fadeOut(); }); 原理很简单 a标签背景设置正常状态 div背景设置鼠标hove

代码如下:
//鼠标移上去效果
$(".jq_btn").hover(function(){
$(this).find("div").stop().fadeIn();
},function(){
$(this).find("div").stop().fadeOut();
});
原理很简单
a标签背景设置正常状态
div背景设置鼠标hover的背景
只要给元素加上
代码如下:
class="jq_btn"
都自动有效果
jquery实现通用版鼠标经过淡入淡出效果_jquery
jquery实现通用版鼠标经过淡入淡出效果_jquery: 代码如下: //鼠标移上去效果 $(.jq_btn).hover(function(){ $(this).find(div).stop().fadeIn(); },function(){ $(this).find(div).stop().fadeOut(); }); 原理很简单 a标签背景设置正常状态 div背景设置鼠标hove