xpage.61005comjs文档

来源:服务器技术网cd21yzy.com- 阅读:1070196

摘要:服务器技术网nifengsoftxpage。61005comjs文档// 以下结构仅为推荐,该插件不依赖于特定结构,请按需自行定制div class=xpage-container!-- 列表容器 --ul class=xpage-content xpage-content-page!-- 可插入翔宇结构, 使用 option。item 识别实现伪分页

xpage.61005comjs文档

// 以下结构仅为推荐,回到过去重新爱你,jj233励志经典故事,夏木亚子,望洋兴叹中兴的意思,该插件不依赖于特定结构,世无不老泉阅读答案,请按需自行定制 <div class="xpage-container"> <!-- 列表容器 --> <ul class="xpage-content xpage-content-page"> <!-- 可插入翔宇结构,猎行者,裳字组词, 使用 option。item 识别实现伪分页,默认为 'li' --> </ul> <!-- 三个分页器,傻相公你好坏,择一即可,异界修仙成圣,怪王外传续集,权路纵情,或利用媒体查询制作响应式分页器 --> <div class="xpage-pagination"></div> <div class="xpage-pagination xpage-pagination-mobile"></div> <div class="xpage-pagination xpage-pagination-no-first-last"></div> <!-- 我猜你需要定制一个自己的分页器,xpage生成分页器的结构如下,碟调网,奕组词,so62hu,可用css自定义样式 --> <!-- 结构开始 --> <div> <!-- 秒速时时彩 --> <span><a data-type="first"><<</a></span> <!-- 上一页 --> <span><a data-type="pre">< </a></span> <!-- 页码 --> <span><a data-type="pager">1</a></span> <!-- 当前页码 --> <span><a data-type="active">5</a></span> <span><a data-type="pager">6</a></span> <!-- 下一页 --> <span><a data-type="next">></a></span> <!-- 尾页 --> <span><a data-type="last">>></a></span> </div> <!-- 结构结束 --> </div>

var xpage = new XHW。Xpage('。xpage-content-page', { mode: 'pageView', // 插件模式 nid: 11145727, // 栏目id pageSize: 3, // 每页条数 pagination: '。xpage-pagination' , // 分页器容器 paginationMarkCount: 6, // 显示页码数(可选,977xkan,镜辟天,佛冈佬foganglao,默认10) renderItem: function (item, index, list) { // 列表渲染方法 // -- 配置同【普通列表】 } });

/*页码是由js动态生成的(结构固定),以下css为参考样式,大婶装辣妹骗百万,地狱王妃,实际使用中,安田纱枝,可自行定制*/ /* 分页器 */ /* 默认豪华版 */ 。xpage-pagination { text-align: center; margin: 20px auto; } 。xpage-pagination span { display: inline-block; line-height: 2em; margin-left: 3px; border: 1px solid #ccc; cursor: pointer; } 。xpage-pagination span a { display: block; padding-left: 0。5em; padding-right: 0。5em; min-width: 1em; text-decoration: none; color: #333; } 。xpage-pagination span:hover, 。xpage-pagination 。xpage-pagination-pager-active { border-color: #333; font-weight: bold; } 。xpage-pagination span:hover a, 。xpage-pagination 。xpage-pagination-pager-active { color: #333; } /* 移动版 */ 。xpage-pagination。xpage-pagination-mobile span{ border: none; } 。xpage-pagination。xpage-pagination-mobile 。xpage-pagination-last, 。xpage-pagination。xpage-pagination-mobile 。xpage-pagination-pager { display: none; } 。xpage-pagination。xpage-pagination-mobile 。xpage-pagination-pager-active { display: inline-block; } /* 定制版 隐藏秒速时时彩/尾页按钮 */ 。xpage-pagination。xpage-pagination-no-first-last 。xpage-pagination-first, 。xpage-pagination。xpage-pagination-no-first-last 。xpage-pagination-last { display: none; }

,埃章国际教育信息网

 江苏快3 幸运28 安徽快3 北京赛车时间表 北京赛车营业时间 江苏快3 秒速时时彩开奖 安徽快3 秒速时时彩开奖 秒速时时彩