jQueryUI-显示滚动条的滚动效果(progressbar)

在body中只需要个有id的div即可

js文件中的代码

var pb;
var max=100;
var current=0;
$(document).ready(function(){
   pb=$("#pb");
   pb.progressbar({max:100})
   //设置滚动条的最大值
   setInterval(changepb,100);
   //设置滚动条的滚动时间 
});
function  changepb(){
    current++;
    if(current>100){
        current=0;
    }
    pb.progressbar("option","value",current)
}

运行效果

jQueryUI-显示滚动条的滚动效果(progressbar)_第1张图片

滚动条从头到结尾匀速滚动

 

你可能感兴趣的:(jquery)