js点击按钮出现进程条
来源:互联网 发布:游戏机掌机需要网络吗? 编辑:程序博客网 时间:2024/06/15 05:28
js点击按钮出现进程条
转自:http://wangjinlongaisong-126-com.iteye.com/blog/939687
<html> <head> <title> </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> body,html{margin:0;padding:20px;font-size:12px;font-family:Arial;font:12px/1 Tahoma, Arial;} .stepOut{height:20px;border:1px solid #000;background:#eee;width:200px;overflow:hidden;display:none;} .stepIn{width:50px;background:#FF0080;border-top:1px solid #FFB5DA;border-bottom:1px solid #fff;overflow:hidden;color:#fff;text-align:center;font:12px/1.6 arial;} </style><script type="text/javascript" src="http://52mfx.com/tools/alert.js"></script> </head> <body> <button id="google">button</button><br/><br/> <div class="stepOut" id="stepOut" > <div class="stepIn" id="stepIn"></div> </div> </body> <script type="text/javascript"> function LoadBar(outer,iner,time){ $=function (x){return typeof x=="string"?document.getElementById(x):x}; outer=$(outer); iner=$(iner); var i,width,This=this,s=(time||2000)/10; this.run=function (){ clearTimeout(This.t); outer.style.display='block'; width=outer.offsetWidth; i=0; (function (){ iner.style.width=width/s*i++; iner.innerHTML=Math.ceil(iner.offsetWidth/width*100)+'%'; if(i<s){This.t=setTimeout(arguments.callee,10) }else{iner.innerHTML="ok"} })() } }; var ldh=new LoadBar(stepOut,stepIn,5000); document.getElementById('google').onclick=ldh.run; </script> </html>
效果:
0 0
- js点击按钮出现进程条
- js-监控滚动条出现置顶按钮,点击返回顶部
- 点击按钮出现60秒禁用倒计时js代码
- 点击按钮出现60秒倒计时js代码
- 点击按钮出现60秒倒计时js代码
- 点击按钮出现5秒倒计时js代码
- JS实现点击按钮图片左右切换、点击图片按钮出现下拉菜单
- 点击按钮出现新窗口
- 点击出现下拉条
- JS定时器点击按钮
- 点击按钮出现文件选择
- 点击按钮,出现下拉列表
- js触发按钮点击事件
- js触发按钮点击事件
- JS触发点击按钮事件
- js触发按钮点击事件
- js触发按钮点击事件
- JS实现点击按钮滑动
- emulator-arm.exe已停止工作
- UVA-623大数1000阶乘
- MFC 下使用Listbox Control 的addstring 函数 乱码解决办法
- MFC网络编程TCP/IP的服务器与客户端代码
- linux网络流程分析(一)---网卡驱动
- js点击按钮出现进程条
- 转:摄像头bug查找工作总结
- JavaScript 获取标签属性值
- Oracle之监听的作用
- 树状数组 (poj 2352)
- 默认情况下,使用IIS作为Web服务器的无法下载apk文件
- GSL数学库在VS2008环境下配置
- FTP操作类( 拷贝、移动、删除文件 创建目录 )
- 字符串替换