首页 > 代码库 > 简单的图片翻页

简单的图片翻页

 1 function animatePic(){ 2                 var box=$(".list-img"); 3                 var item=box.find(".item-img"); 4                 var left; 5                 var len=item.length; 6                 var _w=item.width(); 7                 var w=_w*len; 8                 var num=2; 9                 $(".list-img").width(_w*len);10                 $(".next").click(function(){11                     left=box.position().left;12                     if(left<=(w-_w*num)*-1) return false;13                     if(!box.is(":animated")){14                         box.animate({left:"-="+_w},500);15                     }16                 });17                 $(".prev").click(function(){18                     left=box.position().left;19                     if(left>=0) return false;20                     if(!box.is(":animated")){21                         box.animate({left:"+="+_w},500);22                     }23                 });24                 $(".box-img .item-img").click(function(){25                     var src = http://www.mamicode.com/$(this).find("img").attr("src");26                     $("img.left-img").attr("src", src);27                 });28             }

 

简单的图片翻页