jquery实现通用版鼠标经过淡入淡出效果_jquery 程序员文章站 2022-04-11 23:48:54 ... 复制代码 代码如下: //鼠标移上去效果 $(".jq_btn").hover(function(){ $(this).find("div").stop().fadeIn(); },function(){ $(this).find("div").stop().fadeOut(); }); 原理很简单 a标签背景设置正常状态 div背景设置鼠标hover的背景 只要给元素加上 复制代码 代码如下: class="jq_btn" 都自动有效果 相关标签: 鼠标经过 淡入淡出 上一篇: css兼容性问题及一些常见问题汇总 - jerrylsxu 下一篇: 如何使用CSS实现的大型下拉菜单 推荐阅读 jquery实现鼠标拖动图片效果示例代码 jQuery实现新闻播报滚动及淡入淡出效果示例 jQuery实现鼠标跟随效果 jQuery实现的淡入淡出图片轮播效果示例 jQuery实现鼠标滚轮动态改变样式或效果 Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击 jQuery实现鼠标滑过预览图片大图效果的方法 jQuery实现的淡入淡出与滑入滑出效果示例 jquery animate实现鼠标放上去显示离开隐藏效果 jQuery实现DIV响应鼠标滑过由下向上展开效果示例【测试可用】