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

时间：2021-01-26 15:23:00|栏目：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

下一篇：jQuery 扩展对input的一些操作方法

本文标题：jquery实现通用版鼠标经过淡入淡出效果

本文地址：http://www.codeinn.net/misctech/51411.html

更多jquery

jquery

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

阅读排行

推荐教程