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

所属分类:UI-加载

 7498  32  查看评论 (3)
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()//获得当前的时间


相关插件-加载

jQuery进度条插件jqbar

柱状图动态显示工具
  加载
 10847  60

js环形进度条

js环形进度条,再也不怕js了
  加载
 28119  213

jquery实现图片预加载

jquery实现图片预加载
  加载
 12915  117

超炫酷的CSS3进度条动画 背景色渐变

超炫酷的CSS3进度条动画 背景色渐变
  加载
 6960  52

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

    向往飞翔的小蚂蚁 0
    2017/8/9 13:57:42
    ~乐水乐山~ 0
    2017/6/9 15:27:23

    要jQ币好久没用了都忘了

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

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

    回复
取消回复