<th id="jonck"><track id="jonck"></track></th>
<progress id="jonck"></progress>
    1. <progress id="jonck"></progress>

    2. <button id="jonck"><acronym id="jonck"></acronym></button>

    3. 小程序APP網(wǎng)站定制開(kāi)發(fā)專(zhuān)家

      [科技]支持移動(dòng)觸摸設備的簡(jiǎn)潔js幻燈片插件

        lory是一款支持移動(dòng)觸摸設備的簡(jiǎn)潔的js幻燈片插件。該幻燈片插件可以通過(guò)純js調用,也可以將該幻燈片插件作為jQuery插件來(lái)使用。該幻燈片的過(guò)渡動(dòng)畫(huà)具有硬件加速功能,并且可以定制是否使用easing效果。以下列出該幻燈片的一些特點(diǎn):

        支持移動(dòng)觸摸設備。

        簡(jiǎn)單,界面整潔,純js調用。

        可以作為jQuery插件來(lái)使用。

        過(guò)渡效果支持硬件加速。

        可定制easing效果。

        可無(wú)限循環(huán),制作為旋轉木馬。

        豐富的回調函數。

        HTML結構

        該幻燈片使用的HTML結構是固定格式的,參考下面的HTML結構格式:

      <div class="slider js_simple simple">
          <div class="frame js_frame">
              <ul class="slides js_slides">
                  <li class="js_slide">1</li>
                  <li class="js_slide">2</li>
                  <li class="js_slide">3</li>
                  <li class="js_slide">4</li>
                  <li class="js_slide">5</li>
                  <li class="js_slide">6</li>
              </ul>
          </div>
      </div>

        下面是該幻燈片的必要CSS樣式:

      .frame {
          position: relative;
          font-size: 0;
          line-height: 0;
          overflow: hidden;
          white-space: nowrap;
      }
       
      .slides {
          display: inline-block;
      }
       
      li {
          position: relative;
          display: inline-block;
      }

        JAVASCRIPT

        完成上面的步驟之后就可以通過(guò)下面的方法來(lái)調用該幻燈片插件。

      <script src="js/lory.min.js"></script>
      <script>
          'use strict';
       
          document.addEventListener('DOMContentLoaded', function() {
              var simple = document.querySelector('.js_simple');
       
              lory(simple, {
                  // options going here
              });
          });
      </script>

      上一篇: [科技]基于jquery網(wǎng)站左側下拉菜單

      下一篇: 【php筆記】php整型就是整數

      在線(xiàn)客服
      在線(xiàn)客服關(guān)閉
      品智官方微信

      掃碼關(guān)注官方微信

      影音先锋在线资源资源网_日韩亚洲国产综合ΑV高清_成年女人免费视频播放大全_久久精品国产久精国产爱