Turntable.js 1.0 发布了,Turntable.js 一款响应式 jQuery 滑块插件。
使用:
HTML:
<div id="myTurntable" class="turntable"> <ul> <li data-img-src="./images/0.jpg"></li> <li data-img-src="./images/1.jpg"></li> <li data-img-src="./images/2.jpg"></li> <li data-img-src="./images/3.jpg"></li> <li data-img-src="./images/4.jpg"></li> <li data-img-src="./images/5.jpg"></li> </ul> </div>
CSS:
.turntable { display: inline-block; margin: 0px; } .turntable ul { padding: 0px; margin: 0px; } .turntable ul li { list-style-type: none; display: none; } .turntable ul li img { width: 100%; } .turntable ul li.active { display: block; }
JS:
$('#myTurntable').turntable();
设置:
$('#mySpinnyContainer').turntable( {'axis': 'y'} );
下载地址:http://polarnotion.github.io/turntable/TurntableSlider.zip