首页 > 网络编程 > JavaScript > javascript类库 > jquery > 鼠标经过淡入淡出 jquery实现通用版鼠标经过淡入淡出效果 2014-06-15 16:02:39 投稿：whsnow 这篇文章主要介绍了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" 都自动有效果 您可能感兴趣的文章:原生js和jquery实现图片轮播淡入淡出效果jQuery实现的淡入淡出与滑入滑出效果示例jquery 淡入淡出效果的简单实现jQuery 淡入淡出、展开收缩菜单实现代码基于jquery实现的文字淡入淡出效果基于jQuery实现淡入淡出效果轮播图基于Jquery的淡入淡出的特效基础练习jQuery实现新闻播报滚动及淡入淡出效果示例jQuery淡入淡出元素让其效果更为生动jQuery实现淡入淡出效果
