jQuery中对同一个元素使用mouseover和mouseout产生闪烁问题

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