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

所属分类:UI-加载

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


相关插件-加载

JS简单进度条

再也不愁JS进度条了
  加载
 6450  36

jQuery nprogress.js页面加载进度条

jQuery nprogress.js页面加载进度条显示当前网页的加载进度
  加载
 11218  77

jQuery网页加载进度条插件

pace.js会自动监测你的Ajax请求,事件循环滞后,记录您的页面上准备状态和元素来决定的进度情况。
  加载
 39361  29

jQuery图片延迟加载插件jQuery.lazyload

jQuery图片延迟加载插件jQuery.lazyload,使用延迟加载在可提高网页下载速度。在某些情况下,它也能帮助减轻服务器负载。
  加载
 177881  350

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

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

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

    回复
取消回复