//鼠標移入事件，此處使用的是enter，與over不同的是，enter不支持冒泡
$(‘.lis td‘).mouseenter(function(){
$(this).find(‘.tuwz‘).stop().animate({‘margin-top‘:‘-40px‘},500)
//在class名為mis的標簽下創建子標簽
$(this).find(‘.mis‘).html(‘<div class="yiru">misadidas 定制 <i class="glyphicon glyphicon-circle-arrow-right"></i></div>‘)
$(this).find(‘.yiru‘).css({‘cursor‘:‘pointer‘})
$(this).find(‘.mis‘).css({‘background‘:‘#000‘,‘color‘:‘#fff‘})
//stop：停止之前所有的動作，只執行接下來的動作。
$(this).find(‘.glyphicon‘).stop().animate({‘margin-right‘:‘-10px‘},1000)
}).mouseleave(function(){
$(this).find(‘.tuwz‘).stop().animate({‘margin-top‘:‘0px‘},200)
})

鼠標移入通過時間控制實現兩個不同步的動畫效果