简单的图片翻页

 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 = $(this).find("img").attr("src");
26                     $("img.left-img").attr("src", src);
27                 });
28             }

 

posted @ 2014-10-24 09:57  冰vs焰  阅读(246)  评论(0编辑  收藏  举报