特效描述:两排图片 滚动轮播。jquery网站两排图片滚动轮播特效代码下载
代码结构
1. 引入CSS
<link href="css/style.css" rel="stylesheet" type="text/css" />
2. 引入JS
<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.SuperSlide2.js"></script>
3. HTML代码
<div style="width:685px;margin:40px auto 0 auto"> <div class="mr_t1"> <div class="mr_t1name"><img src="images/mt_ico6.jpg" />合作伙伴</div> </div> <div class="mr_frbox"> <img class="mr_frBtnL prev" src="images/mfrL.jpg" width="28" height="46" /> <div class="mr_frUl"> <ul> <li><a href="https://www.51qianduan.com/">51前端</a><a href="https://www.51qianduan.com/">51前端</a></li> <li><a href="https://www.51qianduan.com/">51前端</a><a href="https://www.51qianduan.com/">51前端</a></li> <li><a href="https://www.51qianduan.com/">51前端</a><a href="https://www.51qianduan.com/">51前端</a></li> <li><a href="https://www.51qianduan.com/">51前端</a><a href="https://www.51qianduan.com/">51前端</a></li> </ul> </div> <img class="mr_frBtnR next" src="images/mfrR.jpg" width="28" height="46" /> </div> </div> <script type="text/javascript"> $(".mr_frbox").slide({ titCell:"", mainCell:".mr_frUl ul", autoPage:true, effect:"leftLoop", autoPlay:true, vis:4 }); </script>