【公告左右翻页】布局待优化 备忘
<script type="text/javascript">
$(function() {
var total = $('.tab ul li').length;
$('.tab ul li').eq(0).addClass('on');
$('.tab ul').width(total * 311.75);
$('.next').click(function() {
var num = $('.tab ul li').length;
var index = $('.tab ul li.on').index('.tab ul li');
var on = index + 1 < num ? index + 1 : 0;
var pwidth = parseInt(on * 311.75);
var twidth = parseInt(on * 413);
$('.tab ul li').eq(on).addClass('on').siblings().removeClass('on');
$('.tab ul').stop().animate({
left: -pwidth
},
"slow");
});
$('.prev').click(function() {
var num = $('.tab ul li').length;
var index = $('.tab ul li.on').index('.tab ul li');
var on = index == 0 ? num – 1 : index – 1;
var pwidth = parseInt(on * 311.75);
var twidth = parseInt(on * 413);
$('.tab ul li').eq(on).addClass('on').siblings().removeClass('on');
$('.tab ul').stop().animate({
left: -pwidth
},
"slow");
});
})
</script>