我们已经准备好了,你呢?

2024我们与您携手共赢,为您的企业形象保驾护航!

$(document).ready(function(){ var show_per_page = 5;  var number_of_items = $('#content').children().size(); var number_of_pages = Math.ceil(number_of_items/show_per_page); $('#current_page').val(0); $('#show_per_page').val(show_per_page); var navigation_html = '<a class="previous_link" href="javascript:previous();">Prev</a>'; var current_link = 0; while(number_of_pages > current_link){ navigation_html += '<a class="page_link" href="javascript:go_to_page(' + current_link +')" longdesc="' + current_link +'">'+ (current_link + 1) +'</a>'; current_link++; } navigation_html += '<a class="next_link" href="javascript:next();">Next</a>'; $('#page_navigation').html(navigation_html); $('#page_navigation .page_link:first').addClass('active_page'); $('#content').children().css('display', 'none'); //and show the first n (show_per_page) elements $('#content').children().slice(0, show_per_page).css('display', 'block'); }); function previous(){ new_page = parseInt($('#current_page').val()) - 1; if($('.active_page').prev('.page_link').length==true){ go_to_page(new_page); } } function next(){ new_page = parseInt($('#current_page').val()) + 1; if($('.active_page').next('.page_link').length==true){ go_to_page(new_page); } } function go_to_page(page_num){ var show_per_page = parseInt($('#show_per_page').val()); start_from = page_num * show_per_page; end_on = start_from + show_per_page; $('#content').children().css('display', 'none').slice(start_from, end_on).css('display', 'block'); $('.page_link[longdesc=' + page_num +']').addClass('active_page').siblings('.active_page').removeClass('active_page'); $('#current_page').val(page_num); }

文章代码:

<input type='hidden' id='current_page' />

<input type='hidden' id='show_per_page' />

<div id='content'>

<p></p>

<p></p>

<p></p>

<p></p>

5个P为一页

</div>

<div id='page_navigation'></div>


顶牛网络凭借多年的网站建设经验,坚持以“做实用有价值的网站”为宗旨,累计为1200多家客户提供品质建站服务,得到了客户的一致好评。如果您有网站建设、网站改版、网络推广、域名注册、主机空间、托管维护、网站备案等方面的需求...
请立即拨打咨询热线:15906391238,我们会为您贡献全力。 项目经理在线 收藏文章

全力 · 以赴

注重专业探索,摒弃虚浮夸张,为所有的企业机构贡献全力。