jquery播放进度条插件,可拖动

所属分类:UI-加载

 8963  35  查看评论 (5)
jquery播放进度条插件,可拖动 ie兼容9

使用方法

导入jquery-PlayBar.js或者jquery-playBar.min.js

导入barstyle.css

先准备一个需要显示进度条的容器,例如

<div clas="test"></div>

初始化:

$.playBar.addBar($('.test'),1000*64);//第一个参数是需要显示播放器的容器,第二个参数为时间,单位毫秒
$.playBar.changeBarColor("#F60");//设置进度条颜色
$.playBar.changeFontColor("#fff")//设置时间颜色
$.playBar.stop()//进度条停止
$.playBar.Begin()//进度条开始
$.playBar.restTime(1000)//重新设置时间,并重新开始播放
var t=$.playBar.getTheTime()//获得当前的时间


相关插件-加载

swiper下拉刷新,上拉加载

利用swiper实现下拉刷新,上拉加载,tab左右切换
  加载
 11264  88

简单的JavaScript图像延迟加载库Echo.js

和 Lazy Load 一样,Echo.js 也是一个用于图像延迟加载 JavaScript。不同的是 Lazy Load 是基于 jQuery 的插件,而 Echo.js 不依赖于 jQuery 或其他 JavaScript 库,可独立使用。并且 Echo.js 非常小巧,压缩后不足 1KB。
  加载
 35217  96

图片加载显示效果(8种效果)

现在很多网站用到的图片加载时淡出效果,它是怎么实现的?下面我们用Loading Effects for Grid Items来实现这个效果。
  加载
 24500  101

jquery播放进度条插件,可拖动

jquery插件播放进度条,可以拖动,可以控制,可设置时间
  加载
 8963  35

讨论这个项目(5)回答他人问题或分享插件使用方法奖励jQ币

    i药不能停 0
    2017/9/20 15:03:45
    很实用我们的项目 回复
    向往飞翔的小蚂蚁 0
    2017/8/9 13:57:42
    ~乐水乐山~ 0
    2017/6/9 15:27:23

    要jQ币好久没用了都忘了

        byb_013@126.com0
        2017/9/27 19:43:26

        怎么获得jq币啊

    回复
    SiriBen 0
    2017/3/11 9:57:53

    这个效果倒是不错,不过还不知道应用场景,暂时不下,哈哈

    回复
取消回复