秋冬懒随性的休闲穿搭

小秋同学 09-25 07:55:40 2738 洗衣百科
摘要: 秋冬懒随性的休闲穿搭,简约闲适的调调就是我要的生活在城市的钢筋水泥里,每天的工作和生活压力山大,每天被刻板无趣的职业装束缚着,总有些透不过气的感觉。所以我们爱上了慵懒随性的休闲装,很治愈的穿搭,宽松,休闲,舒服,这种简约闲适的调调简直太好看了,被圈粉摘要: 秋冬懒随性的休闲穿搭,简约闲适的调调就是我要的生活在城市的钢筋水泥里,每天的工作和生活压力山大,每天被刻板无趣的职业装束缚着,总有些透不过气的感觉。所以我们爱上了慵懒随性的休闲装,很治愈的穿搭,宽松,休闲,舒服,这种简约闲适的调调简直太好看了,被圈粉

eyoucms详情页显示分页的方法记得是内容页哦【易优技巧】教程(1)


分享易优内容页 分页方法,记得是内容文章页里面的分页哦,有的文章很长 很多,想用分页来实现的话 就能一个页面没有那么长了,这个时候用分页来实现就可以了。具体的方法如下:


js 部分:


$(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>



不是原创,感谢群友分享 

文章版权及转载声明:

编辑:网络整理本文地址:https://www.qiuhai.com/life/170.html发布于 09-25 07:55:40
文章转载或复制请以超链接形式并注明出处学习吧_一个不错的学习网站
本站文章如没有特殊说明,均采集网上收集,若要转载请务必注明出处,尊重他人劳动成果共创和谐网络环境。 声明:某些文章来源于网络,所采集的到信息本站只为传递信息和分享,不做任何双方证明,也不承担任何法律责任。 文章内容若侵犯你的权益,请联系本站客服删除!

觉得文章有用就施舍一下文章作者

支付宝施舍

微施舍

阅读
分享

发表评论