jQuery图片切换动画效果

<li><img src="images/xq-img-s4.png" style="width:90px;height:60px;" alt="">
<div class="imgSW-bot">户型5</div>
</li>
<li><img src="images/xq-img-s4.png" style="width:90px;height:60px;" alt="">
<div class="imgSW-bot">户型6</div>
</li>
<li><img src="images/xq-img-s4.png" style="width:90px;height:60px;" alt="">
<div class="imgSW-bot">户型7</div>
</li>
<li><img src="images/xq-img-s4.png" style="width:90px;height:60px;" alt="">
<div class="imgSW-bot">户型8</div>
</li>
</ul>
<input class="imgSW-you imgNum" data-status="right" type="button">
</div>
</div>

<div id=”imageShowSmallAnchor”></div> 是定位上去的

另外：
快速点击是会出现动画延迟现象，影响体验，处理动画延迟jQuery stop()语法：

$("#div").stop();//停止当前动画，继续下一个动画
$("#div").stop(true);//清除元素的所有动画
$("#div").stop(false, true);//让当前动画直接到达末状态 ，继续下一个动画
$("#div").stop(true, true);//清除元素的所有动画，让当前动画直接到达末状态

在jq中有用到并有注释。
// 让当前动画直接到达末状态 ，继续下一个动画 $(‘#div’).stop(false, ture); $(‘#div’).stop().animate(); 集合使用效果更佳。 

作为前端新手，记录下，以后可能会用到。