2014已经悄然到来，在新的一年我们恭贺所有客户事业蒸蒸日上，同事庆祝智软设计工作室成立5周年，在5周年为众多客户提供了保质量的网站设计与网站制作。 我们在新的一年质量与服务将会更加进一步为更多的客户带来高端的网站设计与服务！期待与你合作
智软设计工作室多年为宁波企业网站制作建设服务一直以来我们以最优惠价格，最优质的质量，最突出的设计！得到了客户的一致认可,我们的服务包括：宁波网站设计,宁波网站建设,宁波网站制作,宁波网站优化,宁波英文网站制作我们会以优质的服务,最低的价格来报答客户!
点击连接网站优化推广-对企业的网站优化和网站推广--对企业的重要性-点击进行详细了解
2014开幕，宁波智软设计为宁波企业提供更加优秀的设计和实惠的价格
智软设计工作为宁波客户网站设计案例展示平台-案例均为定期更新，让新老客户更好的看到我们做的案例，点击查看我们做的网站案例吧！
智软(宁波网络公司)帮你轻松解决网络问题，网站一站式解决方案
pbootcms实现瀑布流“ajax加载更多”“无限下拉”分页调用列表,支持动静态,支持图片延迟加载
2024-05-09 17:45:46
pbootcms实现瀑布流“ajax加载更多”“无限下拉”分页调用列表，
,支持动静态
,支持图片延迟加载
1、页面中引用jquery.js 与 jquery-ias.min.js
注意：jquery.js库版本必须大于1.6
<script src='/js/jquery.js'></script> <script src="/js/jquery-ias.min.js"></script>
2、接着上面的js，在页面中写上插件参数
<script type="text/javascript">
var ias = $.ias({
container: ".listbox", //包含所有文章的元素
item: ".item", //文章元素
pagination: ".pagelist", //分页元素
next: ".pagelist a.nextpage", //下一页元素
});
ias.extension(new IASSpinnerExtension({
src: "/img/load.gif", //此选项为加载时缓冲图片
html: '<p style="text-align: center;"><img src="{src}"/></p>'
}));
ias.extension(new IASTriggerExtension({
text: '点击加载更多', //此选项为需要点击时的文字
html: '<p style="text-align: center; cursor: pointer;"><a>{text}</a></p>',
offset: !1, //设置此项，如 offset:2 页之后需要手动点击才能加载，offset:!1 则一直为无限加载
}));
ias.extension(new IASNoneLeftExtension({
text: '已经加载完成！', // 加载完成时的提示
html: '<p style="text-align: center; cursor: pointer;"><a>{text}</a></p>',
}));
</script>3、pbootcms列表模板html代码示范，注意html代码中的 listbox、item、pagelist、nextpage 要与上面js中的统一。
<!-- listbox这个必须包住分页条在里面 -->
<div class="listbox">
<ul>
{pboot:list num='10'}
<li class="item"><a href="[list:link]" class="title">[list:title]</a></li>
{/pboot:list}
</ul>
<ul class="pagelist">
{pboot:if('{page:current}'=='{page:count}')}
<!--weiye-->
{else}
<a class="nextpage" href="{page:next}">下一页</a>
{/pboot:if}
</ul>
</div>4、要在加载更多后显示的文章中支持图片延迟加载，需要添加此图片延迟加载功能，
ias.on('rendered', function(items) {
$(".content img").lazyload({
effect: "fadeIn",
failure_limit : 10
}); //这里是你调用Lazyload的代码
})【责任编辑：超级管理员】
关键字：
pbootcms栏目三级分类循环与判断，更多级别也可以。 pbootcms怎么判断分页是否在尾页最新文章
2021-05-10 09:29
- pbootcms首页或者内容详情页开启分页
- pbootcms怎么判断分页是否在尾页
- dede 电脑端和手机端首页同步生成方法，
- excel表格导入access中不换行解决办法-
- dede完美上下篇 英文版替换标签 dede:prenext 中英
- dede中英文网站栏目条调用方法
- dede双语站 面包导航{dede:field name='position'}
- PS： 无法完成请求，因为某种原因阻止文本引擎进行
- dede企业网站常见左侧固定大小类二级菜单调用代码
- 栏目页dede:channelartlist调用下级子类并dede:arcl
- dede:channelartlis 判断是否有子类栏目
- 更换织梦后台图集上传flash插件为layui上传模块
相关文章
2021-05-10 09:29
客户案例
QQ在线咨询
18668277799
