源码说明
此款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产品图文列表左右滑动自动轮播切换效果源码!
猜你喜欢