<tfoot id='383bat62'></tfoot>

<small id='ehh2k3oz'></small><noframes id='j0jl94pv'>

      <i id='25dv4zls'><tr id='une213u0'><dt id='on8kjdtn'><q id='0m17cey3'><span id='17mz5lae'><b id='xy8tvn6c'><form id='xsp17xyc'><ins id='7jhib8yx'></ins><ul id='ommidfep'></ul><sub id='bpwk8qp6'></sub></form><legend id='6ijm03hy'></legend><bdo id='reld3o4v'><pre id='ec2t1vft'><center id='enbh8pqv'></center></pre></bdo></b><th id='d91o5s4p'></th></span></q></dt></tr></i><div id='62wd0rpy'><tfoot id='13rmwxzd'></tfoot><dl id='l96ng3q5'><fieldset id='zgelawgi'></fieldset></dl></div>

      • <bdo id='dguu9zx3'></bdo><ul id='t0nchkin'></ul>

      1. <legend id='mwzxlso4'><style id='rmtviyc8'><dir id='9poqs12x'><q id='udcg4wkh'></q></dir></style></legend>
      2. 精准传达 • 价值共享

        洞悉互联网前沿资讯,探寻网站营销规律

        织梦超简单“加载更多”“无限下拉”插件,支持动静态,支持图片延迟加载

        作者: 庚午网络 | 2021-02-01 12:42 |点击:

        1. <small id='ttvrf4ee'></small><noframes id='ex92zwx1'>

          • <tfoot id='19l13mnm'></tfoot>
          • <legend id='rjld4cvr'><style id='t46rlb7j'><dir id='w1ras4ms'><q id='83qk598y'></q></dir></style></legend>
              <bdo id='maqvg0ph'></bdo><ul id='b8vt5m4b'></ul>

                <tbody id='ymixvq3v'></tbody>
                <i id='ues5hqyi'><tr id='vbvrvsur'><dt id='mjn6ju0c'><q id='20ybgmk6'><span id='4kcydcck'><b id='lztqnpnh'><form id='2mp23917'><ins id='w3xl3hgm'></ins><ul id='6dvua5p1'></ul><sub id='droznq4x'></sub></form><legend id='d6js4c85'></legend><bdo id='cy6wgh6w'><pre id='egf7ae1q'><center id='quulfbzl'></center></pre></bdo></b><th id='cmx2iecg'></th></span></q></dt></tr></i><div id='ks4jegj4'><tfoot id='hirguyb3'></tfoot><dl id='a34zcl8j'><fieldset id='ij7sdo2i'></fieldset></dl></div>
                • 插件说明

                  • 炒鸡简单,不用改动程序内核文件,不用懂php代码
                  • 支持“加载更多”
                  • 支持“无限下拉”
                  • 支持动静态
                  • 支持图片延迟加载

                  插件的集成很简单,分以下几个步骤:

                  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>

                  jquery-ias.min.js 下载链接: https://pan.baidu.com/s/1NJ8KCLj_zAJ0yB6WQxdimg 密码: p6j6

                  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、dedecms列表模板html代码示范,注意html代码中的 listbox、item、pagelist、nextpage 要与上面js中的统一

                  <div class="listbox">
                      <ul class="e2">
                          {dede:list pagesize='10'}
                          <li class="item"><a href="[field:arcurl/]" class="title">[field:title/]</a></li>
                          {/dede:list}
                      </ul>
                  </div>
                  <ul class="pagelist">
                      {dede:pagelist listitem="next" listsize="1" runphp=yes}
                      @me = preg_replace('/<a\shref=([\'"]?).+?\1/', '$0 class="nextpage"', @me);
                      {/dede:pagelist}
                  </ul>

                  二度创作,如有侵权请联系删除。如没特殊注明,文章均为庚午网络原创,转载请注明https://www.hngengwu.com/gengwuwenku/793.html
                    <bdo id='fmu2djlb'></bdo><ul id='7pc9m1qn'></ul>

                  1. <small id='8pg9bq2a'></small><noframes id='7vqbdj0m'>

                    <i id='jv3z0o54'><tr id='fwa18dsq'><dt id='p6dw3wrp'><q id='b13gtsjw'><span id='qwzsgug5'><b id='7esd8eze'><form id='fi09ehh5'><ins id='0goz2m3x'></ins><ul id='mbmabtjw'></ul><sub id='dzqaruyd'></sub></form><legend id='lm9eqyzb'></legend><bdo id='dh8jqm9p'><pre id='oghcw9cl'><center id='dmgl2qc4'></center></pre></bdo></b><th id='r7iyjh45'></th></span></q></dt></tr></i><div id='qd0fhrz1'><tfoot id='rcd74o19'></tfoot><dl id='uphttc5o'><fieldset id='qzezeam7'></fieldset></dl></div>
                    <tfoot id='e6oa4h8u'></tfoot>

                    1. <legend id='lqbheqpz'><style id='892sqmk3'><dir id='rixk5b6z'><q id='274h9a2b'></q></dir></style></legend>
                      多一份策划方案,总有益处。

                      请直接添加技术总监微信联系咨询

                      网站设计 品牌营销

                      多一份参考,总有益处

                      联系庚午网络,获得专属《策划方案》及报价

                      咨询相关问题或预约面谈,可以通过以下方式与我们联系

                      业务热线:18574395938 / 大客户专线:18574395938