
/*新款上市模块横向滚动*/ |
$(function () { |
var page = 1; |
var i = 4; //每版放4个图片 |
var len = $(".prolist_content ul li").length; |
var page_count = Math.ceil(len / i); //只要不是整数,就往大的方向取最小的整数 |
var none_unit_width = $(".prolist").width(); //获取框架内容的宽度,不带单位 |
var $parent = $(".prolist_content"); |
//向右 按钮 |
$(".goRight").click(function () { |
if (!$parent.is(":animated")) { |
if (page == page_count) { //已经到最后一个版面了,如果再向后,必须跳转到第一个版面。 |
$parent.animate({ |
left : 0 |
}, 800); //通过改变left值,跳转到第一个版面 |
page = 1; |
} else { |
$parent.animate({ |
left : '-=' + none_unit_width |
}, 800); //通过改变left值,达到每次换一个版面 |
page++; |
} |
} |
}); |
//往左 按钮 |
$(".goLeft").click(function () { |
if (!$parent.is(":animated")) { |
if (page == 1) { //已经到第一个版面了,如果再向前,必须跳转到最后一个版面。 |
$parent.animate({ |
left : '-=' + none_unit_width * (page_count - 1) |
}, 800); //通过改变left值,跳转到最后一个版面 |
page = page_count; |
} else { |
$parent.animate({ |
left : '+=' + none_unit_width |
}, 800); //通过改变left值,达到每次换一个版面 |
page--; |
} |
} |
}); |
}); |




初级程序员
by: 云代码会员 发表于:2013-04-25 10:05:20 顶(0) | 踩(0) 回复
能不能截取效果图
回复评论