日期:2014-05-16  浏览次数:20332 次

js根据内容高度分页
<script>
$(function(){
?? ?//内容js分页
?? ?var obj = $("#body")[0];
?? ?var pages = $("#pages")[0];

?? ?var pageCount = Math.ceil(parseInt(obj.scrollHeight)/parseInt(obj.offsetHeight));
?? ?if(pageCount>1){? ?
?? ??? ?pages.innerHTML = "<b>共"+pageCount+"页</b> ";//输出页面数量
?? ??? ?for(var i=1;i<=pageCount;i++){
?? ??? ??? ?pages.innerHTML += "<a class='jsPage' index='"+i+"'>第"+i+"页</a> ";//循环输出第几页
?? ??? ?}
?? ?}

?? ?$(".jsPage").click(function(){
?? ??? ?var _index = $(this).attr("index");
?? ??? ?var _top = (_index-1)*parseInt(obj.offsetHeight);
?? ??? ?$("#body").animate({'scrollTop': _top}, 'slow');?? ?
?? ?});?? ??? ?
});

</script>

?

?

??????????????? <div id="body">
?????????????? ?????????????? ???? {dede:field.body/}
??????????????? </div>
?????????????? ?
??????????????? <div id="pages"></div>