有关进度条的一些写法
来源:互联网 发布:js代码反混淆工具 编辑:程序博客网 时间:2024/05/29 12:40
1. 动态图片的的ajax
ajax语法
$.ajax({ type: 'post', url: 'xxx', data: str, beforeSend: function (xhr) { $(".picture").show(); }, success: function (result) { //alert("提交成功"); } else { alert("提交失败:" + result.message); } }, complete: function (xhr) { //可以写隐藏显示 $(".picture").delay("slow").hide(); }, error: function (result) { console.log(result.message); } })
2.有百分比的进度条
html页面
添加一个人内联样式
<div class ="test"> <div id="progress" style="width:0%"></div></div>
css页面
.test{ width:450px; border:1px solid #000; height:25px; } #progress{ background:#0f0; float:left; height:25px; line-height:25px; text-align:center; }
js部分
function progress(){ var jindutiao = document.getElementById("progress"); jindutiao.style.width = parseInt(jindutiao.style.width) + 1 + "%"; jindutiao.innerHTML = jindutiao.style.width; if(jindutiao.style.width == "100%"){ window.clearInterval(shijian); } } var shijian = window.setInterval(function(){progress();},100); window.onload = function(){ shijian; }
阅读全文
1 0
- 有关进度条的一些写法
- 有关 Form 的一些代码的标准写法
- 有关 Form 的一些代码的标准写法
- 进度条的CSS写法
- C#中进度条的写法
- 有关进度条 JProgressBar的应用
- 一些蠕虫的写法。。
- 正则的一些写法
- 一些模板的写法
- 一些宏的写法
- 一些Pythonic的写法
- 一些sql的写法
- 有关Shell的一些
- 数据库的一些有关
- linux kernel的一些写法
- js 的一些写法须知
- PHP 的一些高效写法
- css 一些三角形的写法
- js异步加载的三种方式
- Android多线程编程
- 绝对值c++题解
- python栈
- 访问外部设备寄存器的方法
- 有关进度条的一些写法
- SASS看这里
- Ant-style的匹配原则
- 电商系统
- 随便理解一下JVM
- mybatis中$ 和#的区别
- 后台数据校验hibernate-validator
- shadowsocks搭建及使用
- STL 中string 处理和vector 【转载】