js 弹出框 替代浏览器的弹出框


Posted in Javascript onOctober 29, 2010
function fromID(id) { 
return document.getElementById(id); 
} function show_alert(msg, type, time) { 
var layer_obj = fromID("alert_layer"); 
var layer_text= fromID("alert_text"); 
var line_height = (document.documentElement.scrollTop == 0) ? document.body.scrollTop : document.documentElement.scrollTop; 
layer_text.innerHTML = msg; 
with(layer_obj.style) { 
zIndex = 999; 
top = line_height-40; 
left = document.body.clientWidth/3; 
display = "block"; 
position = "absolute"; 
if(type == "error") { 
background = "url(http://"+style_domain+"/snake/index/msgbox_right_bg2.jpg)"; 
} 
} 
layer_obj.filters[0].opacity = "0.8"; //透明度为 80% 
if(time == undefined) time = 3000; 
else time = time*1000; 
var top = line_height-40; 
var speed = 1.5; 
time-= 1000; 
//控制窗口向下移动至页面边缘 
move_down = function MoveFplogo() { 
top+= speed; 
layer_obj.style.top = top; 
if(top < line_height) setTimeout("move_down()", 1); 
else setTimeout("close_alert_win()", time); 
} 
move_down(); 
} 
function close_alert_win() { 
var layer_obj = fromID("alert_layer"); 
//控制窗口渐渐消失 
if(layer_obj.filters[0].opacity < 0.02) { 
layer_obj.style.display = "none"; 
return true; 
} 
layer_obj.filters[0].opacity-= 0.02; 
setTimeout("close_alert_win()", 1); 
} 
document.writeln(" filter:progid:DXImageTransform.Microsoft.BasicImage();">"); 
document.writeln(" "); 
document.writeln(" "); 
document.writeln("");
Javascript 相关文章推荐
firefox下jQuery UI Autocomplete 1.8.*中文输入修正方法
Sep 19 Javascript
js实现省市联动效果的简单实例
Feb 10 Javascript
jQuery源码分析之jQuery.fn.each与jQuery.each用法
Jan 23 Javascript
javascript实现textarea中tab键的缩排处理方法
Jun 26 Javascript
jQuery实现的无限级下拉菜单功能示例
Sep 12 Javascript
jquery 抽奖小程序实现代码
Oct 12 Javascript
Javascript 实现计算器时间功能详解及实例(二)
Jan 08 Javascript
JS原生带小白点轮播图实例讲解
Jul 22 Javascript
使用vue-aplayer插件时出现的问题的解决
Mar 02 Javascript
JS动画实现回调地狱promise的实例代码详解
Nov 08 Javascript
vue通过指令(directives)实现点击空白处收起下拉框
Dec 06 Javascript
微信小程序引入VANT组件的方法步骤
Sep 19 Javascript
javascript天然的迭代器
Oct 29 #Javascript
不使用中间变量,交换int型的 a, b两个变量的值。
Oct 29 #Javascript
js类型检查实现代码
Oct 29 #Javascript
JavaScript继承方式实例
Oct 29 #Javascript
拖动布局之保存布局页面cookies篇
Oct 29 #Javascript
JS函数验证总结(方便js客户端输入验证)
Oct 29 #Javascript
JavaScript 原型链学习总结
Oct 29 #Javascript
You might like
PHP 组件化编程技巧
2009/06/06 PHP
关于PHP模板Smarty的初级使用方法以及心得分享
2013/06/21 PHP
使用Huagepage和PGO来提升PHP7的执行性能
2015/11/30 PHP
JSON字符串传到后台PHP处理问题的解决方法
2016/06/05 PHP
JS获取DropDownList的value值与text值的示例代码
2014/01/07 Javascript
通过遮罩层实现浮层DIV登录的js代码
2014/02/07 Javascript
jQuery实现瀑布流布局
2014/12/12 Javascript
jQuery判断指定id的对象是否存在的方法
2015/05/22 Javascript
javascript插件开发的一些感想和心得
2016/02/28 Javascript
jQuery Mobile 触摸事件实例
2016/06/04 Javascript
jQuery插件fullPage.js实现全屏滚动效果
2016/12/02 Javascript
详解vue.js组件化开发实践
2016/12/14 Javascript
ES6使用let命令更简单的实现块级作用域实例分析
2017/03/31 Javascript
ExtJs使用自定义插件动态保存表头配置(隐藏或显示)
2018/09/25 Javascript
mpvue性能优化实战技巧(小结)
2019/04/17 Javascript
vue3.0 自适应不同分辨率电脑的操作
2021/02/06 Vue.js
跟老齐学Python之永远强大的函数
2014/09/14 Python
python 性能提升的几种方法
2016/07/15 Python
利用python爬取散文网的文章实例教程
2017/06/18 Python
更改Python的pip install 默认安装依赖路径方法详解
2018/10/27 Python
python 随机打乱 图片和对应的标签方法
2018/12/14 Python
Django+Xadmin构建项目的方法步骤
2019/03/06 Python
python实现AES加密和解密
2019/03/27 Python
Python异常处理例题整理
2019/07/07 Python
Python中的 sort 和 sorted的用法与区别
2019/08/10 Python
python如何写try语句
2020/07/14 Python
HTML5 层的叠加的实现
2020/07/07 HTML / CSS
凯撒娱乐:Caesars Entertainment
2018/02/23 全球购物
英国独特的时尚和生活方式品牌:JOY
2018/03/17 全球购物
What's the difference between Debug and Trace class? (Debug类与Trace类有什么区别)
2013/09/10 面试题
妇产科护士自我鉴定
2013/10/15 职场文书
英文版餐饮运营管理求职信
2013/11/06 职场文书
个人求职自荐信范文
2014/06/20 职场文书
团组织推优材料
2014/12/29 职场文书
小学教师节活动总结
2015/03/20 职场文书
2016年全国爱牙日宣传活动总结
2016/04/05 职场文书