一共有8张尺寸各不同的图片,红色方框里的图片是用样式固定死的,明显有拉伸的现象。而绿色方框里的是使用插件创建的,没有拉伸,效果好很多。
<script src="js/jquery.min.js"></script> <script src="js/jqthumb.min.js"></script>
$(function(){ $('.dowebok2 img').jqthumb({ width: 200, height: 200, after: function(imgObj){ imgObj.css('opacity', 0).animate({opacity: 1}, 2000); } }); });