这是一个手风琴效果，第一个加了透明度，第二个人没有加透明度的变化所以显得比较清晰一点，
1.他首先布局是一个大div里面包裹六张图片，当然根据需求相加多少就是多少张，
2.先把所有的图片加个float，让他们并在一排，
3所有的图片都设为宽度都设为一样；比如都设为50px;如果需要加透明度的切换也可以加上，
4.给第一个元素标签加上你想要他展示的最大宽度，如果想要合理点看着舒服，用大div的宽度-第一个的宽度，然后除以剩下的5张就行了；这相当于添加一个classname名，可以通过classname来进行切换。
5.静态的效果基本出来，然后就是添加JS了，你可以用jqureyl来就做，想对简单一点，你自己就不需要写运动了。
6.直接用animate就行。在animate下设宽度的变化。
7.这一步鼠标滑上的时候就是当当前的宽度变大时，其他所有的宽度都要变小。可以加个时间看多少时间之内变化。
基本思路就是这样了。
8。
$("#outer .inner").stop().eq($(this).index()).animate({
"width":640+"px"
},1000).siblings().animate({
"width":50+"px"},1000)