商品列表页面 增加鼠标进入动画

code review by bikai

@@ -135,7 +135,6 @@ exports.init = function(num) {
 
             // 鼠标悬浮获取到商品信息后显示第一张图片
             if (data[0] && data[0].src) {
-                $(event.target).find('.good-thumb img').attr('src', data[0].src);
                 $goodInfoMain.find('.good-thumb img').attr('src', data[0].src);
             }
 

@@ -125,9 +125,20 @@
         }
     }
 
+    @keyframes slideRight {
+        from {
+            width: 0;
+        }
+        to {
+            width: 50px;
+        }
+    }
+
     .good-select-color {
         float: left;
         margin-top: 22px;
+        overflow: hidden;
+        animation: slideRight 200ms 1;
 
         ul {
             display: block;
@@ -175,4 +186,4 @@
     }
 
 
-}
\ No newline at end of file
+}