Js特效代码:点击按钮,出现网页进度条_最火下载站
您的位置: >
> Js特效代码:点击按钮,出现网页进度条
Js特效代码:点击按钮,出现网页进度条
Js效果实现:点击按钮,出现进度条,单机按钮后,页面会出现1个进度条,或者正在载入中。。。 持续5秒时间,在IE下完全正常,在其他浏览器没有测试,不知道是否正常,有时间的朋友可以试试。
示例:
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&title&点击按钮,出现网页进度条&/title&
&style type=&text/css&&
body,html{margin:0;padding:20font-size:12font-family:Afont:12px/1 Tahoma, A}
.stepOut{height:20border:1px solid #000;background:#width:200overflow:display:}
.stepIn{width:50background:#FF0080;border-top:1px solid #FFB5DA;border-bottom:1px solid #overflow:color:#text-align:font:12px/1.6}
&button id=&google&&button&/button&&br/&&br/&
&div class=&stepOut& id=&stepOut& &
&div class=&stepIn& id=&stepIn&&&/div&
&script type=&text/javascript&&
//&![CDATA[
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.offsetW
(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.
&/html&&br /&¢er&如不能显示效果,请按Ctrl+F5刷新本页,更多网页代码:&a href='/' target='_blank'&/&/a&&/center&提示:可修改后代码再运行!
上一篇: 下一篇:猜你还会喜欢
- 4,830 阅读 - 3,189 阅读 - 2,558 阅读 - 2,471 阅读 - 2,186 阅读 - 2,059 阅读 - 2,031 阅读 - 1,822 阅读 - 1,766 阅读 - 1,735 阅读
(38) (24) (20) (20) (18) (17) (17) (17) (17) (16)
实用的图片切换
阅读(26956) | 评论(0) | 转发(0) |
相关热门文章
给主人留下些什么吧!~~
请登录后评论。js图片特效,js图片切换特效,jQuery图片代码,js图片切换 - 素材家园
当前位置: >
共有133条信息1/81...
JS代码分类栏目
本周推荐素材
素材家园免费素材网