jQuery自定义滑块插件(原创)

所属分类:媒体,输入-滑块和旋转,拖和放

 17001  206  查看评论 (2)
分享到微信朋友圈
X
jQuery自定义滑块插件(原创) ie兼容6

滑块的值会绑定到 data-sliderValue

自带jQuery版本为:3.3.1

纯中文注释,没有压缩文件,如需用到线上。请将文件压缩,去除注释!!!

使用方法

需要调用3个文件,slider.css,jquery.js,slider.js

<link rel="stylesheet" href="./css/slider.css">
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="./js/slider.js"></script>

html

<div class="slider-range-package slider1"></div>

js

$('.slider1').slider();
相关插件-滑块和旋转,拖和放

animation滑动组件

可拖动滑块选择区间
  滑块和旋转
 31621  312

jQuery鱼骨图

jQuery鱼骨图插件fishBone.js,横向滑块轮播
  滑块和旋转
 39245  380

jQuery滑块插件slider

jQuery滑块插件slider很强大
  滑块和旋转
 75146  373

css3滑动按钮

css3滑动开关按钮效果,带回调函数
  滑块和旋转
 33290  343

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

    小韩韩 0
    2021/7/24 22:19:17
    手机上不能滑动 回复
    浮桴 0
    2019/9/28 21:26:26
    好看又好用。感谢。 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复