滑块与进度条

所属分类:UI,媒体-加载,滑块和旋转

 53726  382  查看评论 (15)
分享到微信朋友圈
X
滑块与进度条 ie兼容7

滑动:  //设置最大值
            ScrollBar.maxValue = 100;
            //初始化
            ScrollBar.Initialize();

 

进度条 ://设置最大值
            ProgressBar.maxValue = 100;
            //设置当前刻度
            var index = 0;
            var mProgressTimer = setInterval(function () {
                index += 2;
                ProgressBar.SetValue(index);
            }, 100);

相关插件-加载,滑块和旋转

jQuery局部加载

一个页面有多个接口请求时,接口返回的速度不一样,可以将所有接口返回后分开渲染,先返回的先渲染
  加载
 22850  307

jQuery进度条插件jqbar

柱状图动态显示工具
  加载
 46531  360

jQuery横向及纵向进度条插件

jQuery横向及纵向进度条插件,可控制速度,可设为递增递减进度,可繁可简,颜色尺寸随心所欲!简单使用,使用方法一应俱全。
  加载
 33348  326

jquery图片延迟加载

不有添加多余的属性值,直接设src属性值就ok。
  加载
 41942  391

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

    我是怪兽我会瘦i 0
    2018/5/29 15:25:49
    刚进页面后点击鼠标左键当前进度值会变成NAN
        め羽し翼た0
        2020/12/16 10:29:20
        请问你解决了吗
    回复
    l 0
    2018/1/16 11:50:27

    根本就不兼容IE7,对象不支持“getContext”属性或方法,,,

    回复
    姐是会发怒的 0
    2017/2/27 19:20:55

    作者您好,我想问一下,如果不是匀速的,中间的快慢速度怎么控制

        云~{^_^}~一涵0
        2017/2/28 9:28:11

        每次都是递加平均的宽度,你设置每次的递加的宽度不一样就不是匀速了

    回复
    文光 0
    2017/1/4 9:01:14

    不错不错,这个很简单,又好用方便调整,用的是ScrollBar,做个原型,再看看要不要配合文字

    回复
    云~{^_^}~一涵 1
    2016/7/20 13:07:28

      vaule设置为0的话 demo 要改成

    scrollBar currentValue=changX-ScrollBar.currentX-$("#Demo").offset().left;
    回复
    ,圈圈╰' 0
    2016/6/21 17:06:53
    默认值不是0,不能正常滑动的问题解决了么?!求解决办法
        ,圈圈╰' 0
        2016/6/21 17:06:25
        错了 应该是默认值不是20!
    回复
    云~{^_^}~一涵 0
    2016/2/15 15:02:44
    额,有问题加我qq798286207 我看看
        ぐo呦?_圜.0
        2017/7/12 16:55:02

        手动改动滑块的值?怎么实现啊?

    回复
    Haha 0
    2016/2/15 15:02:54
    同楼上,我改了好久啊,也没找出是哪里的问题 回复
    哎吆~我去 0
    2015/10/29 11:10:06

    滑块的默认值如果不是20,好像滑动效果就不能正常运行了,为什么呢?


    回复
    守得云开见月明 0
    2015/7/21 13:07:46
    刚好能用上,谢谢分享。
        huhututuhutu0
        2016/9/26 17:09:24
        同意
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复