一款轻量级简单易用的轮播图插件Unsliderjs

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

分享到微信朋友圈
X
一款轻量级简单易用的轮播图插件Unsliderjs   ie兼容12

默认用法

Unslider.create('.default-slider');


自动滑块

Unslider.create('.automatic-slider', {
    autoplay: true
});


垂直滑块

Unslider.create('.vertical-slider', {    
    animation: 'vertical',
    autoplay: true,
    infinite: true
});


自动淡入淡出动画

Unslider.create('.fading-slider', {
    animation: 'fade',
    autoplay: true,
    arrows: false
});


完全手动滑块

var unslider = Unslider.create('.manual-slider', {
    keys: false,
    arrows: false,
    nav: false
});
//  Delay is a custom function
$('#manual').on('change', function () {
    unslider.animate($(this).val());
});


无限滑块

Unslider.create('.infinite-slider', {    
    infinite: true
});
相关插件-幻灯片和轮播图

带各种百叶窗过渡效果的jQuery幻灯片插件

osSlider是一款简单实用的带各种百叶窗过渡效果的jQuery幻灯片插件。该幻灯片插件在slide过渡时随机生成各种百叶窗效果,它使用简单,通过简单的设置即可正常工作。
  幻灯片和轮播图
 35149  398

jQuery百叶窗轮播插件Shutter

兼容至IE8的自适应百叶窗轮播,切换效果多样。
  幻灯片和轮播图
 41897  408

CSS3全屏3D画布图片切换特效

CSS3全屏3D画布图片切换特效是一款基于JS+CSS3实现的带左右按钮的控制全屏图片切换代码。
  幻灯片和轮播图
 29743  359

伪3D焦点图

伪3D焦点图
  幻灯片和轮播图
 39220  371

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

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