jQuery滑动旋转木马插件silvertrack

所属分类:媒体-幻灯片和轮播图

 49921  373  查看评论 (4)
分享到微信朋友圈
X
jQuery滑动旋转木马插件silvertrack ie兼容6

silvertrack是一个jQuery插件通过其他插件可以扩展。它有一个小的核心和附带插件非常有用.

创建一个新的滑块很简单:

Html

<div class="view-port">
  <div class="slider-container">
    <div class="item"></div>
    <div class="item"></div>
    <!-- ... -->
  </div>
</div>

Css

.view-port {
  overflow: hidden;
  position: relative;
}
.slider-container {
  position: relative;
  margin: 0;
  padding: 0;
}
.item {
  position: absolute;
}

js

var track = $(".slider-container").silverTrack();
// install the plugins you want
track.install(new SilverTrack.Plugins.Navigator({
  prev: $("a.prev", parent),
  next: $("a.next", parent)
}));
track.start();
相关插件-幻灯片和轮播图

有道的banner轮播切换效果js实例

基于swiper的banner切换效果js实例,自适应轮播图
  幻灯片和轮播图
 49387  460

基于swiper实现的画廊展示

基于swiper实现的响应式全屏画廊展示
  幻灯片和轮播图
 32308  371

js简单的banner图片切换焦点图代码

js简单的banner图片切换焦点图代码
  幻灯片和轮播图
 38298  350

仿FLASH轮播图

纯js的运动加定时器做的,掌握后可以自己做出任何运动效果。
  幻灯片和轮播图
 24719  321

讨论这个项目(4)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    oο╉?葬╉ 0
    2018/3/15 17:36:01
    能不能说怎么用,我只需要用其中的一个 回复
    Wf_brother ?? 0
    2017/2/10 14:54:18

    下载试试 谢谢谢谢

    回复
    狼心狗肺小利刃 0
    2016/6/7 18:06:35
    〞 梨花雨 、 0
    2015/9/2 14:09:51

    这个插件有API吗

    回复
    插件王子 0
    2014/8/14 23:15:00

    很多效果应该自己去实现,总是依赖别人的写的插件不好,你的想法很正确。

    回复
    WEB小妞 0
    2014/8/14 16:13:00

    我是一名初学者,做到jQuery效果时,感觉自己啥也不会,不会总是看插件吧 我想自己写

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复