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 相关文章推荐
让您的菜单不离网站
Oct 03 Javascript
jQuery live
May 15 Javascript
IE iframe的onload方法分析小结
Jan 07 Javascript
jQuery ul标签下拉菜单演示代码
Dec 11 Javascript
JavaScript获取页面中第一个锚定文本的方法
Apr 03 Javascript
JS实现根据密码长度显示安全条功能
Mar 08 Javascript
ES6 javascript中class静态方法、属性与实例属性用法示例
Oct 30 Javascript
vue中SPA单页面应用程序详解
Nov 07 Javascript
探索Vue高阶组件的使用
Jan 08 Javascript
vue通信方式EventBus的实现代码详解
Jun 10 Javascript
微信小程序的引导页实现代码
Jun 24 Javascript
Vue3中toRef与toRefs的区别
Mar 24 Vue.js
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实现二分查找算法代码分享
2011/06/24 PHP
PHP时间戳与日期之间转换的实例介绍
2013/04/19 PHP
php中curl和file_get_content的区别
2014/05/10 PHP
Laravel 5框架学习之数据库迁移(Migrations)
2015/04/08 PHP
WordPress中获取页面链接和标题的相关PHP函数用法解析
2015/12/17 PHP
PHP Yaf框架的简单安装使用教程(推荐)
2016/06/08 PHP
PHP页面输出时js设置input框的选中值
2016/09/30 PHP
javascript 出生日期和身份证判断大全
2008/11/13 Javascript
Exjs 入门篇
2010/04/07 Javascript
JavaScript性能优化 创建文档碎片(document.createDocumentFragment)
2010/07/13 Javascript
三种检测iPhone/iPad设备方向的方法
2014/04/23 Javascript
JQuery下拉框应用示例介绍
2014/04/23 Javascript
JQuery实现样式设置、追加、移除与切换的方法
2015/06/11 Javascript
JavaScript中Date对象的常用方法示例
2015/10/24 Javascript
jQuery学习之DOM节点的插入方法总结
2017/01/22 Javascript
老生常谈javascript的面向对象思想
2017/08/22 Javascript
Vue.js做select下拉列表的实例(ul-li标签仿select标签)
2018/03/02 Javascript
js实现全选反选不选功能代码详解
2019/04/24 Javascript
react 中父组件与子组件双向绑定问题
2019/05/20 Javascript
Javascript数组方法reduce的妙用之处分享
2019/06/10 Javascript
小程序两种滚动公告栏的实现方法
2019/09/17 Javascript
原生js 实现表单验证功能
2021/02/08 Javascript
[00:37]DOTA2上海特级锦标赛 Secert 战队宣传片
2016/03/03 DOTA
讲解python参数和作用域的使用
2013/11/01 Python
Python实现识别手写数字 简易图片存储管理系统
2018/01/29 Python
python中调试或排错的五种方法示例
2019/09/12 Python
基于django2.2连oracle11g解决版本冲突的问题
2020/07/02 Python
python 写一个水果忍者游戏
2021/01/13 Python
Python截图并保存的具体实例
2021/01/14 Python
Zavvi美国:英国娱乐之家
2017/03/19 全球购物
白俄罗斯大卖场:21vek.by
2019/07/25 全球购物
百度吧主申请感言
2014/01/12 职场文书
七匹狼男装广告词
2014/03/21 职场文书
山楂树之恋观后感
2015/06/11 职场文书
高考满分作文赏析(2篇)
2019/08/12 职场文书
idea以任意顺序debug多线程程序的具体用法
2021/08/30 Java/Android