ResponsiveSlides.js项目中的实际应用

宋华美
2023-12-01

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

 类似资料: