在开源框架看到一个轮播,书读的比较少,没见过就查了一下是jq的ResponsiveSlides.js 插件。
直接颠覆了我对轮播的认识,下面上代码
<ul class="rslides" id="slider3"> <!--<li> <div class="banner-info"> <h2>我是第一张</h2> </div> </li> <li> <div class="banner-info"> <h2>我是第二张</h2> </div> </li> <li> <div class="banner-info"> <h2>我是第三张</h2> </div> </li>--> </ul>
因为他的项目很特殊,但是要求实现轮播。所以下面的有可能看不懂
$(function() {
$("#slider3").responsiveSlides({ auto: true, pager: true, nav: false, speed: 500, namespace: "callbacks", before: function() { }, after: function() { } }); // });
简单的我都不敢相信,但是他的运行方式是我没想到的,你们自己试试吧。
他每次调用时都是先before,然后是afert,所以一定要好好的运用这两个函数。