jQuery产品图文列表左右滑动自动轮播切换效果源码-白露博客

源码说明

此款jQuery产品图文列表左右滑动自动轮播切换效果源码，可使用多种网页场景，首页产品切换、案列展示等等，源码基于jquery.SuperSlide写的，你只需要把内容替换成自己的就行了，要显示几个产品就把添加几个<li></li>,用起来非常方便,希望大家喜欢，有bug可以给我留言~~

截图演示

源码使用

<ul class="picList">
            <li>
              <h3> <a href="#">月月领·加薪年金(15年)</a> </h3>
              <p class="p1">100%返还已交保费</p>
              <p class="p2"> <span class="amount">48-51</span> <span>%</span> </p>
              <p class="p3">每月领取月交金额比例</p>
              <p class="p4">100%返还已交保费</p>
              <a class="btn" href="#"> 立即抢购 </a> </li>
            <li>
              <h3> <a href="#">月月领·加薪年金(10年)</a> </h3>
              <p class="p1">100%返还已交保费</p>
              <p class="p2"> <span class="amount">48-65</span> <span>%</span> </p>
              <p class="p3">每月领取月交金额比例</p>
              <p class="p4">100%返还已交保费</p>
              <a class="btn" href="#"> 立即抢购 </a> </li>
            <li>
              <h3> <a href="#">月月领·加薪年金(20年)</a> </h3>
              <p class="p1">100%返还已交保费</p>
              <p class="p2"> <span class="amount">23-42</span> <span>%</span> </p>
              <p class="p3">每月领取月交金额比例</p>
              <p class="p4">100%返还已交保费</p>
              <a class="btn" href="#"> 立即抢购 </a> </li>
            <li>
              <h3> <a href="#">月月领·加薪年金(25年)</a> </h3>
              <p class="p1">100%返还已交保费</p>
              <p class="p2"> <span class="amount">47-59</span> <span>%</span> </p>
              <p class="p3">每月领取月交金额比例</p>
              <p class="p4">100%返还已交保费</p>
              <a class="btn sq" href="#"> 已售罄 </a> </li>
            <li>
              <h3> <a href="#">月月领·加薪年金(7年)</a> </h3>
              <p class="p1">100%返还已交保费</p>
              <p class="p2"> <span class="amount">60-88</span> <span>%</span> </p>
              <p class="p3">每月领取月交金额比例</p>
              <p class="p4">100%返还已交保费</p>
              <a class="btn" href="#"> 立即抢购 </a> </li>
            <li>
              <h3> <a href="#">月月领·加薪年金(10年)</a> </h3>
              <p class="p1">100%返还已交保费</p>
              <p class="p2"> <span class="amount">15-20</span> <span>%</span> </p>
              <p class="p3">每月领取月交金额比例</p>
              <p class="p4">100%返还已交保费</p>
              <a class="btn" href="#"> 立即抢购 </a> </li>
</ul>

按照上面格式写HTML代码，可以添加或着减少<li></li>标签，然后把jq文件引入就可以了。此款源码功能比较简单实用，应用范围广，代码也方便改动。喜欢的可以下载下来进行研究，源码不定时更新，请持续关注本站，以便获取最新版jQuery产品图文列表左右滑动自动轮播切换效果源码！