Javascript实现div层渐隐效果的方法
2015-05-30 00:00
721 查看
本文实例讲述了Javascript实现div层渐隐效果的方法。分享给大家供大家参考。具体实现方法如下:
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test Alpha</title> <style type="text/css"> #show { background:#ffff66; font-size:12px; height:200px; width:300px; left:300px; position:absolute; text-align:center; filter:alpha(opacity=0); } </style> </head> <body onload={document.getElementById('show').style.opacity=0;}> <div id="show"></div> <button onclick=fun()>button</button> </body> <script> function fun(){ var div=document.getElementById('show'); div.style.opacity=1; hidden(document.getElementById("show"),1,-0.01); } function hidden(o,i,s){ t=setInterval(function(){ i+=s; o.style.opacity=i; if(i<0)window.clearInterval(t); },1); }; </script> </html>
希望本文所述对大家的javascript程序设计有所帮助。
相关文章推荐
- js获取滚动距离的方法
- JSP jsp表达式 jsp代码片段 jsp中的声明 jsp的注释
- JSP errorPage
- JSP常用指令 include静态包含,copy到一个页面,只编译一个jsp文件
- 自定义属性之图片切换实例——初始化、实现切换效果——JS学习笔记2015-5-29(第42天)
- 一些自学的html/javascript代码(button,text及其调用函数用法)
- href="javascript:showinfo(this)"不存在
- ArcGIS api for JavaScript V3.13 lib&sdk离线部署
- JSON
- javascript学习过程中的一些体会和重点(1)
- json对象,动态添加,修改,删除示例
- javascript中字符串的比较及innerHTML和innerText的区别
- javascript事件触发器fireEvent和dispatchEvent
- javascript权威指南学习笔记(转载)
- javascript中的this探究
- js查找一篇英文文章中出现频率最高的单词
- JavaScript星形评分
- WEB_请输入密码
- JSTSC2015第三轮省队选拔赛 后记
- extjs的页面