jquery实现通用版鼠标经过淡入淡出效果 程序员文章站 2024-01-18 16:13:46 代码如下: 代码如下: <a class="jq_btn" href="#"><p></p></a> //鼠标移上去效果 $(".jq_btn").hover(function(){ $(this).find("p").stop().fadeIn(); },function(){ $(this).find("p").stop().fadeOut(); }); 原理很简单 a标签背景设置正常状态 p背景设置鼠标hover的背景 只要给元素加上. 代码如下: class="jq_btn" 都自动有效果 上一篇： jQuery父级以及同级元素查找介绍 下一篇： Word2003如何插入电脑中图片 推荐阅读 jquery插件实现鼠标经过图片右侧显示大图的效果(类似淘宝)_jquery jquery点击页面任何区域实现鼠标焦点十字效果 JS实现侧边栏鼠标经过弹出框+缓冲效果 基于jquery实现的鼠标拖拽元素复制并写入效果_jquery jQuery实现鼠标滑过遮罩并高亮显示效果_jquery Jquery使用mouseenter和mouseleave事件实现鼠标经过弹出层且可以点击的示例代码分享 jquery实现鼠标操作悬浮轮播效果 jquery animate实现鼠标放上去显示离开隐藏效果 jQuery实现鼠标跟随效果 jQuery实现鼠标经过显示动画边框特效