jQuery-动画效果（王者荣耀手风琴案例）

王者荣耀手风琴案例，如下图所示：

该效果为王者荣耀官网上面的效果，下面我们将实现这个效果。

结构分析：

静态页面实际上是ul标签下面包含了7个小li标签，然后每一个小li标签下面有两张图片，一个为表面的小图片和被隐藏之后的大图片，然后小图片是以绝对定位显示在小li中，而小li标签是以相对定位排列在ul标签当中；当鼠标进入小li标签时，要让li标签大小变为大图片的大小，同时小图片淡出，大图片淡入，还要注意的是：要运用排它思想(jquery中siblings()得到兄弟li标签，然后设置兄弟li标签的大图片淡出，小图片淡入)，还原其他小li标签的状态。

需要的自定义动画以及元素的淡入淡出。

自定义动画：animate(params,[speed],[easing],[fn])

1.params:一组包含作为动画属性和终值的样式属性和及其值的集合

2.speed:三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如：1000)

3.easing:要使用的擦除效果的名称(需要插件