数码资讯
jQuery实现的简单进度条效应的一个示例
本文演示了jQuery实现的简单百分比进度条: 1。JS代码: 无功progressid =progressbarid ; 功能setprogressbar(进步){ 如果(进度){ $(# + progressid +> DIV CSS。(宽度),字符串(进步)+%); $(# + progres
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本文演示了jQuery实现的简单百分比进度条:
1。JS代码:
无功progressid =progressbarid ;
功能setprogressbar(进步){
如果(进度){
$(# + progressid +> DIV CSS。(宽度),字符串(进步)+%);
$(# + progressid +> div(HTML)的字符串(进步)+%);
}
}
无功i_progressbar = 0;
功能doprogressbarloading(){
If (i_ProgressBar > 100) {
警报()加载!!!!!!!!!!!!!;
返回;
}
如果(i_progressbar <= 100){
setTimeout(doprogressbarloading()
setprogressbar(i_progressbar);
i_progressbar + +;
}
}
功能setprogressbarcss(){
$(# + progressid + (CSS){宽度:300px
$(# + progressid +> div(CSS){高度:25px
}
$(文档)Ready(函数(){)
SetProgressBarCss();
doprogressbarloading();
});
二、HTML代码:
更多关于jQuery相关内容的感兴趣的读者可以查看主题:jQuery常用插件
希望本文能对jQuery程序设计有所帮助。
1。JS代码:
无功progressid =progressbarid ;
功能setprogressbar(进步){
如果(进度){
$(# + progressid +> DIV CSS。(宽度),字符串(进步)+%);
$(# + progressid +> div(HTML)的字符串(进步)+%);
}
}
无功i_progressbar = 0;
功能doprogressbarloading(){
If (i_ProgressBar > 100) {
警报()加载!!!!!!!!!!!!!;
返回;
}
如果(i_progressbar <= 100){
setTimeout(doprogressbarloading()
setprogressbar(i_progressbar);
i_progressbar + +;
}
}
功能setprogressbarcss(){
$(# + progressid + (CSS){宽度:300px
$(# + progressid +> div(CSS){高度:25px
}
$(文档)Ready(函数(){)
SetProgressBarCss();
doprogressbarloading();
});
二、HTML代码:
更多关于jQuery相关内容的感兴趣的读者可以查看主题:jQuery常用插件
希望本文能对jQuery程序设计有所帮助。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。