jsjquery按钮特效效

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)实用的图片切换
&&&&prev&&&&next&&&&
&&&&&&&&
    &&&&&&&&&&&&
  • &&&&&&&&&&&&
  • &&&&&&&&&&&&
  • &&&&&&&&&&&&
  • &&&&&&&&&&&&
  • &&&&&&&&&&&&
  • &&&&&&&&&&&&
  • &&&&&&&&
&&&&
阅读(26956) | 评论(0) | 转发(0) | 相关热门文章 给主人留下些什么吧!~~ 请登录后评论。js图片特效,js图片切换特效,jQuery图片代码,js图片切换 - 素材家园 当前位置: > 共有133条信息1/81... JS代码分类栏目 本周推荐素材 素材家园免费素材网

我要回帖

更多关于 js特效 的文章

 

随机推荐