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 相关文章推荐
js Function类型
Dec 04 Javascript
关于JavaScript中name的意义冲突示例介绍
May 29 Javascript
使用Node.js配合Nginx实现高负载网络
Jun 28 Javascript
jQuery实现带滑动条的菜单效果代码
Aug 26 Javascript
jQuery实现表单步骤流程导航代码分享
Aug 28 Javascript
javascript计时器编写过程与实现方法
Feb 29 Javascript
Angularjs中使用轮播图指令swiper
May 30 Javascript
微信小程序开发技巧汇总
Jul 15 Javascript
JavaScript页面加载事件实例讲解
Sep 01 Javascript
vuex刷新后数据丢失的解决方法
Oct 18 Javascript
vue+swiper实现左右滑动的测试题功能
Oct 30 Javascript
js之ajax文件上传
May 13 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的FTP学习(四)
2006/10/09 PHP
手把手教你使用DedeCms V3的在线采集图文教程
2007/04/03 PHP
MySQL授权问题总结
2007/05/06 PHP
解析CI的AJAX分页 另类实现方法
2013/06/27 PHP
php 自定义错误日志实例详解
2016/11/12 PHP
js nextSibling属性和previousSibling属性概述及使用注意
2013/02/16 Javascript
js常用数组操作方法简明总结
2014/06/20 Javascript
Javascript 拖拽雏形(逐行分析代码,让你轻松了拖拽的原理)
2015/01/23 Javascript
轻松实现js图片预览功能
2016/01/18 Javascript
jquery 键盘事件的使用方法详解
2017/09/13 jQuery
JavaScript数组去重的几种方法
2019/04/07 Javascript
AjaxFileUpload.js实现异步上传文件功能
2019/04/19 Javascript
Vue利用Blob下载原生二进制数组文件
2019/09/25 Javascript
[08:07]DOTA2每周TOP10 精彩击杀集锦vol.8
2014/06/25 DOTA
Python与shell的3种交互方式介绍
2015/04/11 Python
利用Python的Django框架中的ORM建立查询API
2015/04/20 Python
Python与Redis的连接教程
2015/04/22 Python
python获取多线程及子线程的返回值
2017/11/15 Python
Python基于hashlib模块的文件MD5一致性加密验证示例
2018/02/10 Python
Python实现的个人所得税计算器示例
2018/06/01 Python
Python第三方Window模块文件的几种安装方法
2018/11/22 Python
Python学习笔记基本数据结构之序列类型list tuple range用法分析
2019/06/08 Python
利用CSS3把图片变成灰色模式的实例代码
2016/09/06 HTML / CSS
Omio美国:全欧洲低价大巴、火车和航班搜索和比价
2017/11/08 全球购物
H&M旗下高端女装品牌:& Other Stories
2018/05/07 全球购物
馥蕾诗美国官网:Fresh美国
2019/10/09 全球购物
"火柴棍式"程序员面试题
2014/03/16 面试题
综合测评自我鉴定
2013/10/08 职场文书
办理居住证介绍信
2014/01/15 职场文书
残疾人小组计划书
2014/04/27 职场文书
机关党总支领导班子整改方案
2014/09/20 职场文书
房屋出租协议书范本(标准版)
2014/09/24 职场文书
2015年办公室个人工作总结
2015/04/20 职场文书
基于angular实现树形二级表格
2021/10/16 Javascript
WebWorker 封装 JavaScript 沙箱详情
2021/11/02 Javascript
Rust中的Struct使用示例详解
2022/08/14 Javascript