SEARU.ORG
当前位置:SEARU.ORG > Linux 软件 > 正文

jQuery 响应式滑块 Turntable.js

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'}
);

未经允许不得转载:SEARU.ORG » jQuery 响应式滑块 Turntable.js

赞 (0)
分享到:更多 ()

评论 0