/*新款上市模块横向滚动*/ |
$( 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) 回复
能不能截取效果图
回复评论