Flask接口签名sign原理与实例代码浅析
210
2023-07-12
BootStrap初学者对弹出框和进度条的使用感觉
Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、css、javascript 的,它简洁灵活,使得 Wehttp://b 开发更加快捷。
bootstrap 框架提供的进度条,如菜鸟教程里面的这些代码
aria-valuemin="0" aria-valuemax="100" style="width: 40%;">
40% 完成
让我这种真正的菜鸟一开始不知道该如何....让其变为真正的进度条。不过进过百度几下别人的之后,只要这个是要添加jquery代码配合之下才能实现滴。我度呀度,终于实现如下,略带高兴。
aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" style="width:300px">
文件正在上传请勿刷新页面!
上面这段是,用弹出框里面包含进度条。不然怎么实现一个开始让其隐藏的呢?在用bootstrap 做进度条,或者固定的弹出框时,加上data-backdrop="static" 这句比较好,因为没有这个修饰,你只要点击下鼠标,弹出框就消失不见了。
var p = 101;
var stop = 1;
function run() {
p += 4;
$("div[class=bar]").css("width", p + "%");
var timer = setTimeout("run()", 500);
if (p >100&&stop<1) {
p = 0;
}
}
$('#BtnSubmit').click(function () {
$('#myModal1').modal('show');
p = 0;
stop = 0;
run();
$('#UpLoad').submit();
});
其实,bootstrap的进度条是通过css样式进行展现的,所以只要不断滴修改,style width的值,就可以显示出来。当然我这个循环,重现刷新页面JynwgL才能重新隐藏掉进度条。若是,用post提交,然后根据返回值进行判断,然后用$('#myModal1').mJynwgLodal('hide');将其隐藏,stop的值相应滴就改为1,不然会在一直跑滴。
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~