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

立即领取

最高 ¥2000 红包 限量领取

云服务器、主机等产品通用,可叠加官网常规优惠使用 | 限时领取

源码说明

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

截图演示

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

源码使用

<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产品图文列表左右滑动自动轮播切换效果源码!

赞 (5) 打赏 下载
  • 欢迎小伙伴加入,本站原创文章交流群:进站必看
  • 本作品是由 白露博客 会员 白露 投递的作品。
  • 网络媒体或个人转载请务必署名并注明出处和链接!:http://blmoe.cn/881.html
  • 凡是原创作品,禁止再次修改后发布;任何商业用途均须联系作者。如未经授权用作他处,作者将保留追究侵权者法律责任的权利。

评论 0

收起表情
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

「赠人玫瑰,手留余香」

支付宝扫一扫打赏

微信扫一扫打赏