基于HTML5全屏图文左右滑动切换特效

基于HTML5全屏图文左右滑动切换特效。这是一款基于jQuery+HTML5实现的全屏图文切换特效代码。效果图如下：

在线预览    源码下载

实现的代码。

html代码：

 <main>    <div class="cd-image-block">      <ul class="cd-images-list">        <li class="is-selected">          <a href="#0">            <h2>站长素材</h2>          </a>        </li>        <li>          <a href="#0">            <h2>站长素材2</h2>          </a>        </li>        <li>          <a href="#0">            <h2>站长素材3</h2>          </a>        </li>        <li>          <a href="#0">            <h2>站长素材4</h2>          </a>        </li>      </ul>    </div>    <div class="cd-content-block">      <ul>        <li class="is-selected">          <div>            <h2>站长素材</h2>            <p>              <script src='/images/loading.gif' data-original="http://www.cnblogs.com//scripts/2bc/_gg_980_90.js" type="text/javascript"></script>            </p>            <p>              站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材            </p>            <p>              站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材            </p>          </div>        </li>        <li>          <div>            <h2>站长素材</h2>            <p>              站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材            </p>            <p>              站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材            </p>            <p>              站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材            </p>          </div>        </li>        <li>          <div>            <h2>站长素材</h2>            <p>              站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材            </p>            <p>              站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材            </p>            <p>              站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材            </p>          </div>        </li>        <li>          <div>            <h2>站长素材</h2>            <p>              站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材            </p>            <p>              站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材            </p>            <p>              站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材            </p>          </div>        </li>      </ul>      <button class="cd-close">关闭</button>    </div>    <ul class="block-navigation">      <li><button class="cd-prev inactive">上一页</button></li>      <li><button class="cd-next">下一页</button></li>    </ul>  </main>  <script src='/images/loading.gif' data-original="js/jquery-2.1.4.js"></script>  <script src='/images/loading.gif' data-original="js/main.js"></script>  <script src='/images/loading.gif' data-original="adv-banners/ads.js"></script>

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：基于HTML5全屏图文左右滑动切换特效

关键词：HTML