/**
* Created by Administrator on 2015/6/30.
*/
$(function(){
   $('.link .button').hover(function(){
       var title = $(this).attr('data');
       $('.tip em').text(title);
       var pos = $(this).position().left+10;
       var distance = ($('.tip').outerWidth()-$(this).outerWidth())/2;
       var l = pos-distance;
       //$('.xx').Stop(true,true)与$('.xx').Stop(true,false)的区别？
       // （1）stop()效果第一个参数规定是否停止被选元素的所有加入队列的动画，
       // （2）第二个参数规定是否允许完成当前的动画。但前提是要设置了第一个参数。
       $('.tip').css({'left':l+'px'}).stop(true,true).animate({'top':150,'opacity':1},500);
   },function(){
           $('.tip').stop(true,true).animate({'top':100,'opacity':0},500);

   })
})