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

所属分类:UI-加载

 5277  24  查看评论 (1)
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()//获得当前的时间


相关插件-加载

bootstrap彩色斑马进度条

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

jquery页面转换插件smoothstate.js

smoothstate.js是一个逐步提高网站页面加载行为的插件,让网页的跳转方式看起来更像是一个单页网站的应用。
  加载
 17240  36

js环形进度条

js环形进度条,再也不怕js了
  加载
 25322  206

3D立体环形进度图表

3D立体环形进度图表,只要传入0100的整数,就能显示对应的百分比,大小自适应。
  加载
 5586  37

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

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

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

    回复
取消回复