好用强大的几款slider滑块插件

2018年04月11日 阅读96次 分类:资源 标签:jsjquery资源资源

版权声明:本文为博主原创或转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

本文链接:http://www.zhuyanjun.cn/resource/1110.html

1、bootstrap-slider

这是一款基于bootstrap的滑块插件,非常强大,支持水平、垂直拖动,支持区间拖动,经测试对移动端拖动,垂直拖动无法触摸,希望以后可以得到解决。

平时使用时,推荐使用此插件。

使用场景 拖拽、滑块、区间滑块
npm包名 bootstrap-slider
bower包名 --
文档地址 点击访问

2、jquery-ui的slider组件

基于jqueryui的拖拽组件,支持水平、垂直拖动,支持区间拖动,如果想要支持触摸拖动可以引入第三方触摸组件jQuery UI Touch Punch

使用场景 拖拽、滑块、区间滑块
npm包名 jquery-ui
bower包名 --
文档地址 点击访问

3、ion-rangeslider

这是一款不错的,舒适,易于定制的范围滑块,支持自定义皮肤。还支持事件和公共方法,具有灵活的设置,完全可以用CSS改变。它支持触摸的设备,兼容性支持 iPhone, iPad, Google Chrome, Mozilla Firefox, Opera, Safari, IE(8.0+)

很不错的插件,唯一的遗憾是此插件不支持垂直模式。

使用场景 拖拽、水平滑块、水平区间滑块
npm包名 ion-rangeslider
bower包名 ionrangeslider
文档地址 点击访问

(本篇完)

是不是学到了很多?可以

版权声明:本文为博主原创或转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

本文链接:http://www.zhuyanjun.cn/resource/1110.html