复制代码 代码如下:
<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实现的文字淡入淡出效果
- 基于jQuery实现淡入淡出效果轮播图
- 基于jQuery的淡入淡出可自动切换的幻灯插件
- 基于jquery的淡入淡出选项卡效果代码
- jQuery实现DIV层淡入淡出拖动特效的方法
- jquery实现带渐变淡入淡出并向右依次展开的多级菜单效果实例
- jQuery实现图片文字淡入淡出效果
- 原生js和jQuery实现淡入淡出轮播效果
- jQuery实现基本淡入淡出效果的方法详解