jQuery中对同一个元素使用mouseover和mouseout产生闪烁问题
2016-12-18 20:53
567 查看
有时候在使用jQuery中的mouseover和mouseout作用于同一个元素时,出现闪烁这是由于浏览器的冒泡行为所导致的,解决这种问题的方法是使用hover进行代替。
hover(enter,leave);
enter和leave分别指定鼠标移入移出这个元素所进行的操作。
Demo:
$('.pro_name').hover(function(){ name= $(this).html(); $(this).css({"line-height":"25px","font-size":"12px","tex-align":"left","overflow":"hidden"}); $(this).html($('.pro_item').html()); },function(){ $(this).html(name); $(this).css({"line-height":"100px","font-size":"18px","tex-align":"center"});
相关文章推荐
- JQuery中$.ajax()方法参数详解 及 async属性说明
- jQuery.ajaxComplete() 函数详解
- jQuery实用工具函数
- jQuery-简化的javaScript
- 最常见的20个jQuery面试问题及答案
- jquery jsonp async:false 无效
- C#使用Jquery zTree实现树状结构显示_异步数据加载
- jquery驾驶手册----事件相关
- Jquery Easyui选项卡组件Tab使用详解(10)
- Jquery实现滚动到底部加载更多(最原始)
- Jquery Easyui菜单组件Menu使用详解(15)
- jQuery 获取当前节点的html包含当前节点的方法 --$(".test").prop("outerHTML");
- jquery “做页面滚动到某屏时改变状态标题” 所用知识点记录
- jquery 监听所有锚点链接实现平滑移动
- Jquery Easyui分割按钮组件SplitButton使用详解(17)
- Jquery Easyui验证组件ValidateBox使用详解(20)
- Jquery Easyui自定义下拉框组件使用详解(21)
- JQuery中的一些重要方法
- Jquery Easyui日历组件Calender使用详解(23)
- jQuery几点心得