《bootstrap初学者对弹出框和进度条的使用感觉》由会员分享,可在线阅读,更多相关《bootstrap初学者对弹出框和进度条的使用感觉(3页珍藏版)》请在金锄头文库上搜索。
1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解BootStrap初学者对弹出框和进度条的使用感觉Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。bootstrap 框架提供的进度条,如菜鸟教程里面的这些代码aria-valuemin=0 aria-valuemax=100 style=width: 40%;40% 完成让我这种真正的菜鸟一开始不知道该如何.让其变为真正的进
2、度条。不过进过百度几下别人的之后,只要这个是要添加jquery代码配合之下才能实现滴。我度呀度,终于实现如下,略带高兴。aria-labelledby=myModalLabel aria-hidden=true data-backdrop=static style=width:300px文件正在上传请勿刷新页面!上面这段是,用弹出框里面包含进度条。不然怎么实现一个开始让其隐藏的呢?在用bootstrap 做进度条,或者固定的弹出框时,加上data-backdrop=static 这句比较好,因为没有这个修饰,你只要点击下鼠标,弹出框就消失不见了。var p = 101;var stop = 1
3、;function run() p += 4;$(divclass=bar).css(width, p + %);var timer = setTimeout(run(), 500);if (p 100&stopp = 0;$(#BtnSubmit).click(function () $(#myModal1).modal(show);p = 0;stop = 0;run();$(#UpLoad).submit(););其实,bootstrap的进度条是通过css样式进行展现的,所以只要不断滴修改,style width的值,就可以显示出来。当然我这个循环,重现刷新页面才能重新隐藏掉进度条。若是,用post提交,然后根据返回值进行判断,然后用$(#myModal1).modal(hide);将其隐藏,stop的值相应滴就改为1,不然会在一直跑滴。 对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表