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

所属分类:UI-加载

 6103  29  查看评论 (2)
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

柱状图动态显示工具
  加载
 9554  59

iscroll 上拉加载下拉刷新

基于iscroll的插件很多,但是永远没有感觉满足自己的一款,在这里我是根据一款iscroll的插件,在使用过程中碰到问题和一些解决方法写一下,并将他上传。
  加载
 3687  27

HTML5手机端手指滑动上拉加载

jQuery HTML5手机端手指滑动上拉加载代码是一款通过jquery实现tab切换和上拉加载更多的效果,适用于手机端页面开发。
  加载
 7007  117

bootstrap彩色斑马进度条

基于Bootstrap制作的超酷彩色斑马线条纹进度条设计效果。
  加载
 2990  19

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

    ~乐水乐山~ 0
    2017/6/9 15:27:23

    要jQ币好久没用了都忘了

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

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

    回复
取消回复