jQuery 达成 Discuz! 点击加载更多
发布时间：2021-11-29 19:08:36 所属栏目：教程 来源：互联网
导读：目录 引入jQuery script src=template/yulun_hei/js/jquery.min.js type=text/javascript/script script type=text/javascriptvar jQuery = jQuery.noConflict();/script 示例源码 !--{loop $list $DiyList}-- div class=Box/div !--{/loop}-- div class=more
|
目录 引入jQuery <script src="template/yulun_hei/js/jquery.min.js" type="text/javascript"></script> <script type="text/javascript">var jQuery = jQuery.noConflict();</script> 示例源码 <!--{loop $list $DiyList}--> <div class="Box"></div> <!--{/loop}--> <div class="more"> <p>点我，阅读更多精彩内容……</p> </div> css样式 .Box {display: none;} 启动插件 <script type="text/javascript"> (function() { showItem(0, 13); var itemNum = 13;//初始显示的个数 jQuery('.more').click(function() { if (itemNum < 40) { showItem(itemNum, itemNum += 5); } else { location.href = 'portal.php?mod=list&catid=1'; } }); function showItem(fromindex, toindex) { var len = jQuery('.Box').length; for (var i = fromindex; i < toindex; i++) { jQuery('.Box').eq(i).css('display', 'block'); } } })() </script> 其中 <div class="Box"></div> 的个数需大于 var itemNum = 13; 的参数  （编辑：济南站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
