使用setInterval实现渐隐藏
2017-06-08 10:40
267 查看
//使用setInterval实现渐隐藏 function myFadeout(ele){ var target = 1, speed = 1/50; var timer = setInterval(function(){ if(!parseFloat(ele.style.opacity) > 0){ ele.style.opacity = 1; } if(target>0){ target -= speed; ele.style.opacity = target; }else{ ele.style.opacity = 0; clearInterval(timer); } }, 20); }
调用:ele为已经获取到的HTML元素,
ele=document.getElementById('x');
相关文章推荐
- 使用php实现隐藏文件实际位置的文件下载
- 使用定时器实现Js的延期执行或重复执行setTimeout,setInterval
- js 实现谷歌浏览器中隐藏标签后setInterval事件暂停
- js:页面多处输入只使用一个验证码/获得焦点显示/onblur隐藏实现
- 使用内部类隐藏实现细节
- 使用可变(mutable)成员隐藏实现细节
- 用js实现控件的隐藏及style.visibility的使用
- 使用js实现显示和隐藏区域的内容(复习)
- 使用APIHOOK实现进程隐藏
- 使用android隐藏api实现亮度调节的方法
- FLEX:使用setTimeout,setInterval ,实现sleep功能(转)
- 内部类的使用1--隐藏实现
- 【原创】无限分级Repeater递归实现:读取一次数据库,使用LINQ2SQL技术,支持排序&显示隐藏
- html中dl、dt、dd标记的使用实现菜单显示|隐藏
- 使用HttpHandler隐藏图片真实地址,轻松实现防盗链
- 使用隐藏的iframe 隐藏form提交,仿AJax无刷新提交,可以实现无刷新上传文件
- 使用android隐藏api实现亮度调节
- 使用jquery实现点击按钮弹出层和点击空白处隐藏层
- 使用android隐藏api实现亮度调节