js实现右下角窗口弹出窗口效果

更新时间：2008年09月04日 13:40:34 作者：

好的朋友经常需要弹出信息，这个功能不错

<!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=GB2312" />         <title>右下角弹窗效果练习 by 阿会楠</title>         <script language="JavaScript" type="text/javascript">             function $(obj){                 return document.getElementById(obj);             }             function pop(obj){                 var h = parseInt($("popDiv").currentStyle.height);                 $("popDiv").style.height = (h + obj) + "px";                 if(parseInt($("popDiv").style.height) < 2){                     window.clearInterval(timer);                     $("popDiv").style.display = "none";                 }                 if(parseInt($("popDiv").style.height) >= 200){                     window.clearInterval(timer);                 }                      }                          var timer;             function runtimer(obj){                 timer = window.setInterval(function(){pop(obj)},10);             }             window.onload = function(){                 runtimer(2);             }         </script>     </head>     <body>         <div style="position:absolute;right:0;bottom:0;height:0px;width:200px;border:1px solid red;" id="popDiv">         <a href="javascript:runtimer(-2);void(0)">×</a>         </div>     </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

浅谈ES6中箭头函数与普通函数的区别
箭头函数是ES6中一种新的函数的表达式，本文就来介绍一下ES6中箭头函数与普通函数的区别，非常具有实用价值，需要的朋友可以参考下
2023-05-05
js实现字符全排列算法的简单方法
下面小编就为大家带来一篇js实现字符全排列算法的简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-05-05
javascript 弹出层组件（升级版）
前面文章里写过一个弹出层对话框，但ie6下有bug，根本没有实现position:fixed的效果，当时没有真实ie6环境，测试疏忽，匆匆放到博客上，还让一些读者看到甚至使用，在这里表示万分抱歉啊
2011-05-05
JS+CSS实现炫酷光感效果
这篇文章主要为大家详细介绍了JS+CSS实现炫酷光感效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-09-09
第一次接触神奇的Bootstrap网格系统
第一次接触神奇的Bootstrap网格系统，Bootstrap让Web开发更迅速、更简单，感兴趣的小伙伴们可以参考一下
2016-07-07
window.dialogArguments 使用说明
window.dialogArguments 使用说明，需要的朋友可以参考下。
2011-04-04
鼠标经过tr时,改变tr当前背景颜色
本篇文章主要介绍了鼠标经过tr时,改变tr当前背景颜色的示例代码，需要的朋友可以过来参考下，希望对大家有所帮助
2014-01-01
JavaScript解析JSON数据示例
这篇文章主要介绍了JavaScript解析JSON数据,涉及javascript针对json格式数据的读取、遍历相关操作技巧,需要的朋友可以参考下
2019-07-07
原生js验证简洁注册登录页面
这篇文章主要为大家详细介绍了原生js验证简洁美观注册登录页面的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-12-12
自动完成的搜索框javascript实现
这篇文章主要介绍了自动完成的搜索框javascript实现代码，感兴趣的小伙伴们可以参考一下
2016-02-02