js 右下角弹窗效果代码(IE only)

更新时间：2010年06月02日 13:02:29 作者：

js 右下角弹窗效果代码,虽然IE only，但这个代码的逻辑可以参考下。了解下IE与firefox的区别，自己写个兼容的版本吧。

<!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>右下角弹窗效果练习</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动态加载重复绑定问题
这篇文章主要介绍了JavaScript动态加载重复绑定问题,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2018-04-04
layui form表单提交之后重新加载数据表格的方法
今天小编就为大家分享一篇layui form表单提交之后重新加载数据表格的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
微信小程序中使用自定义字体的实现与体验优化
由于微信支持的字体非常有限,不能满足个性化的需求,因此在开发的过程中可能会需要使用自定义字体,下面这篇文章主要给大家介绍了关于微信小程序中使用自定义字体的实现与体验优化的相关资料,需要的朋友可以参考下
2022-02-02
微信小程序之分享页面如何返回首页的示例
这篇文章主要介绍了微信小程序之分享页面如何返回首页的示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-03-03
用javascript将数据导入Excel示例代码
将数据导入Excel的方法有很多，本例介绍的这个是使用js来实现数据的导入，感兴趣的朋友可以了解下
2014-09-09
js中的深浅拷贝问题简析
这篇文章主要给大家介绍了关于js中的深浅拷贝问题的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用js具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-05-05
Javascript 5种方法实现过滤删除前后所有空格
这篇文章主要介绍Javascript 5种过滤删除前后所有空格的方法,比较实用,需要的朋友可以参考下。
2016-06-06
JS+CSS实现淡入式焦点图片幻灯切换效果的方法
这篇文章主要介绍了JS+CSS实现淡入式焦点图片幻灯切换效果的方法,实例分析了javascript操作图片、css等元素实现幻灯片的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-02-02
javascript中巧用“闭包”实现程序的暂停执行功能
javascript中巧用“闭包”实现程序的暂停执行功能...
2007-04-04
JS随机调用指定函数的方法
这篇文章主要介绍了JS随机调用指定函数的方法,涉及javascript定时器的相关使用技巧,需要的朋友可以参考下
2015-07-07