有时候在使用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"});