在开源框架看到一个轮播,书读的比较少,没见过就查了一下是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,所以一定要好好的运用这两个函数。