jQuery刻度尺特效(移动端)

所属分类:输入-拖和放

 35655  325  查看评论 (17)
分享到微信朋友圈
X
jQuery刻度尺特效(移动端) ie兼容9

注:请在移动端查看效果,PC端无法拖拽

加载jQuery库,引入in01.js文件,

<div class="main" value="-1">
    <ul data-initial='true'>
        <li><span class="num">140</span></li>
        <li><span class="num">150</span></li>
        <li><span class="num">160</span></li>
        <li><span class="num">170</span></li>
        <li><span class="num">180</span></li>
        <li><span class="num">190</span></li>
        <li><span class="num">200</span></li>
    </ul>
</div>
相关插件-拖和放

jQuery九宫格拖拽效果

九宫格拖拽效果简单上手附带代码注释详解
  拖和放
 29208  315

鼠标轨迹跟随

鼠标轨迹跟随
  拖和放
 38517  310

jQuery行间拖拽插件

行与行之间移动,行内块状移动,小块独立一行
  拖和放
 28259  311

jQuery多容器之间拖曳

除了有一般拖曳的功能,还可以在不同容器之间拖曳。
  拖和放
 33395  424

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

    莫问 0
    2020/9/27 10:46:28
    大概量一下是可以的,但是尺寸越往后越偏移厉害,当直尺是没法用的。 回复
    懒々? ??? 0
    2019/1/8 10:31:49
    这个好不好用啊啊 回复
    蔚蓝 0
    2018/12/11 13:46:10
    没有说明,一顿问题 回复
        0
    2017/11/23 17:13:17

    请问滑动的刻度加减的值可以修改吗?效果都不错,就是不知道怎么修改加减的额度。

    回复
    浅浅 0
    2017/9/5 18:02:51

    initial-value="8"   这个是什么意思啊

    回复
    eda 0
    2017/8/31 17:54:50

    请问宽度可以做到自适应吗,我宽度自适应后,标尺位置偏移了

        浅浅0
        2017/9/5 18:14:43

        initial-value="8"这个是什么意思 你知道不  望告知啊

    回复
    秦时明月? 0
    2017/8/15 14:50:35

    体重越往后滑动越卡  到80后基本不动啊!

        [PHP]0
        2017/8/22 10:35:14
        建议配置一下两端的范围
        eda0
        2017/9/1 10:09:15

        请问滑动的问题解决了吗

        一路小跑0
        2018/3/21 11:52:14
        请问卡顿的问题解决了吗?
    回复
    SiriBen 0
    2017/8/8 16:41:29

    效果挺不错,手机端比较流畅

        [PHP]0
        2017/8/22 10:34:31
        嗯,比较好的手机端插件,而且字体清楚,滑动比较方便
        周倩楠迟早是我媳妇儿??0
        2018/1/8 12:14:28

        作者 如何给两端范围 

        还有 滑动会出现卡顿

        王艳0
        2018/1/24 18:54:43

        这个插件很棒!项目上用到了

        69.3%0
        2018/2/17 5:28:13
        想一上载要  jq币
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复