jq有自带的显示隐藏函数，不用自定义，可以使用fadeToggle()函数实现淡入淡出效果。
作为一家“创意+整合+营销”的成都网站建设机构，我们在业内良好的客户口碑。创新互联提供从前期的网站品牌分析策划、网站设计、网站建设、成都网站设计、创意表现、网页制作、系统开发以及后续网站营销运营等一系列服务，帮助企业打造创新的互联网品牌经营模式与有效的网络营销方法,创造更大的价值。
如果是向下的移动的话，jQuery就有现成的效果。需要向上的这种效果的话，就需要稍微复杂点了。这种也可以用css3的动画制作，关键就是你要理解，这个效果是如何实现的。鼠标移入前和移入的时候，页面的代码是怎么变的。
你太大意了，this你加了双引号，就错在这。。
//会触发操作，避免了问题中的鼠标事件太灵敏。
因为初始化的时候li没有加入移除的class，所以你执行这个移入移出是正常的，当你第二次执行的时候，移入移出的class已经存在，那么你移入在添加移入class的时候，移出的class存在的所以覆盖了移入的class。
stop() 方法停止当前正在运行的动画。语法：(selector).stop(stopAll，goToEnd)stopAll 可选。规定是否停止被选元素的所有加入队列的动画。goToEnd 可选。规定是否允许完成当前的动画。
1、首先给鼠标经过的DIV添加一个类，类名为submeau。其次给隐藏的DIV，添加一个ID，ID名为id=“oa_submeau”。
2、首先我们在html里定义一个div，id为‘mouse_div’，然后定义该div的样式，主要是定义position，让其绝对定位。然后通过JS脚本来做随鼠标移动的效果。先引入jquery脚本，因为用到jquery操作dom。
3、设置鼠标悬停事件，如果离开就把B区域div属性display设为none，就隐藏了！反之 就显示。
4、首先，jquery显示隐藏div是用的show()、hide()方法。
首先给这个按钮添加鼠标的按下和松开的事件，mousedown，mouseup，使用这两个函数即可。
响应mouseover事件，加个padding-left属性或者margin-left属性就可以了。
)；(this).addClass(active).siblings().removeClass(active)；}，function(e){ old.addClass(active).siblings().removeClass(active)；})；})；推荐答案中的默认样式，会随着鼠标移出，而移除原本样式。
给需要添加这个效果的控件添加对应的class，然后使用class触发mouseover事件与mouseout事件，一个为穿过时触发，一个为离开时触发。或者可以直接使用hover事件，包含了这两者的功能。在触发事件中，修改对应控件的样式即可。
mouseenter(进入)、mouseleave、mouseover(覆盖)和mouseout是常用来判断鼠标移出和移入的事件句柄，虽然功能上差不多，但是细节却有不同的地方。
建议不要用JQ的hover，直接定义hover在你不同的A上，鼠标移出后就会恢复；如果用JQ写，要么写成切换，要么要加一个mouseLeave的函数重新写A的CSS，会很麻烦。