“效果系列一”：jQuery手风琴效果

因为实现方式比较简单，直接上代码：

效果图：

特别说明：

 当鼠标移动到图片上时，动画效果分别是15%和40%，15%*4+40%=100%。

 但是当容器的大小和图片大小不是整除的时候，这一块动画效果就应该设置的总和小于100%，具体多少，还要根据相除的余数决定。

 这一块这样设计是因为：当启动动画效果时，百分比是16位小数点，然后相加可能会大于100%，就会出现浮动问题。

 详见下图：

为了更好地对比，设置.wrapper{width:640px;}，看一下效果图：