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

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

 10617  176  查看评论 (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();
相关插件-滑块和旋转,拖和放

轮播滚动左右切换

轮播滚动左右切换
  滑块和旋转
 64202  424

轮播切换图片

随箭头点击,四张图片动态移动
  滑块和旋转
 33445  455

jquery无缝滚动切换

jquery 实现无缝滚动左右滚动(左右可点击的箭头切换div位置)
  滑块和旋转
 37658  325

jQuery 3d旋转木马

使用TweenMax创造3d旋转木马,它在Chrome或Safari效果最好,然后FF.
  滑块和旋转
 45810  398

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

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