您的位置:首页 > Web前端 > JQuery

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"});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: