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需再刷新一下页面才能执行]

您可能感兴趣的文章:

JavaScript Object的extend是一个常用的功能
对Object的extend是一个常用的功能。举一个例子，由于javascript 没有重载（overload），而且函数的参数类型是没有定义的，所以很多时候我们都传入一个对象来作为参数已方便控制。
2009-12-12
js中var、let、const之间的区别
本文主要介绍了js中var、let、const之间的区别，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-05-05
在localStorage中存储对象数组并读取的方法
频繁ajax请求导致页面响应变慢，所以考虑将数据存储在window.storage中，这样只需请求一次ajax，接下来通过本文给大家介绍了在localStorage中存储对象数组并读取的方法,需要的朋友可以参考下
2016-09-09
微信小程序二维码生成工具 weapp-qrcode详解
这篇文章主要介绍了微信小程序二维码生成工具 weapp-qrcode详解,教大家如何在项目中引入weapp-qrcode.js文件，通过实例代码给大家介绍的非常详细，需要的朋友可以参考下
2021-10-10
Javascript中的isNaN函数使用说明
isNaN函数返回一个 Boolean 值，指明提供的值是否是保留值 NaN （不是数字）。
2011-11-11
JS定义回车事件(实现代码)
基于JS定义回车事件的实现代码，需要的朋友可以参考下
2013-07-07
一文详解如何检测并解决JS代码中的死循环
这篇文章主要想和大家来一起探讨一下能否通过静态分析的方式检测出死循环,如果不能,我们又应该如何在不借用其他线程的情况下,解决死循环卡住问题,感兴趣的可以了解下
2023-09-09
JS判断当前页面是否在微信浏览器打开的方法
这篇文章主要介绍了JS判断当前页面是否在微信浏览器打开的方法,涉及JavaScript针对客户端的相关判定技巧,非常简单实用,需要的朋友可以参考下
2015-12-12
微信小程序实现页面监听自定义组件的触发事件
这篇文章主要为大家详细介绍了微信小程序实现页面监听自定义组件的触发事件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-11-11
JavaScript编程的10+最佳实践解决方案
在现代Web开发中，JavaScript已经成为无法替代的核心技术，在现代Web开发中，JavaScript已经成为无法替代的核心技术，本文将通过代码示例详细介绍一些实践解决方案，感兴趣的同学可以参考下
2023-06-06

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具