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 Turntable.js 1.0 发布,jQuery 滑块插件下载地址