每个图片在mouseenter之后都会去固定的位置:
比mousenter时的图片位置大的:------>右移动
比mousenter时的图片位置小的:<------左移动
html:
<div class="shutter">
<ul>
<li class="no0">
<a href="">
<img src="images/0.jpg" alt="" />
</a>
</li>
<li class="no1">
<a href="">
<img src="images/1.jpg" alt="" />
</a>
</li>
<li class="no2">
<a href="">
<img src="images/2.jpg" alt="" />
</a>
</li>
<li class="no3">
<a href="">
<img src="images/3.jpg" alt="" />
</a>
</li>
<li class="no4">
<a href="">