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 相关文章推荐
图片自动缩小 点击放大
Jul 07 Javascript
由document.body和document.documentElement想到的
Apr 13 Javascript
解读JavaScript代码 var ie = !-[1,] 最短的IE判定代码
May 28 Javascript
为EasyUI的Tab标签添加右键菜单的方法
Jul 14 Javascript
JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)
Nov 24 Javascript
JavaScript实现经典排序算法之插入排序
Dec 28 Javascript
基于JavaScript实现的快速排序算法分析
Apr 14 Javascript
微信小程序开发之麦克风动画 帧动画 放大 淡出
Apr 18 Javascript
vue2.0的虚拟DOM渲染思路分析
Aug 09 Javascript
Angular6 用户自定义标签开发的实现方法
Jan 08 Javascript
JS使用Prim算法和Kruskal算法实现最小生成树
Jan 17 Javascript
解决Antd Table表头加Icon和气泡提示的坑
Nov 17 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
discuz Passport 通行证 整合笔记
2008/06/30 PHP
PHP获取Exif缩略图的方法
2015/07/13 PHP
php实现图片缩略图的方法
2016/03/29 PHP
PHP使用pdo连接access数据库并循环显示数据操作示例
2018/06/05 PHP
JS 树形递归实例代码
2010/05/18 Javascript
远离JS灾难css灾难之 js私有函数和css选择器作为容器
2011/12/11 Javascript
jQuery $.get 的妙用 访问本地文本文件
2012/07/12 Javascript
jquery必须知道的一些常用特效方法及使用示例(整理)
2013/06/24 Javascript
JS 修改URL参数(实现代码)
2013/07/08 Javascript
jquery ajaxSubmit 异步提交的简单实现
2014/02/28 Javascript
jquery.validate[.unobtrusive]和Bootstrap实现tooltip错误提示问题分析
2016/10/30 Javascript
原生JS实现的双色球功能示例
2018/02/02 Javascript
node结合swig渲染摸板的方法
2018/04/11 Javascript
vue 下列表侧滑操作实例代码详解
2018/07/24 Javascript
js事件on动态绑定数据,绑定多个事件的方法
2018/09/15 Javascript
用node开发并发布一个cli工具的方法步骤
2019/01/03 Javascript
vue-以文件流-blob-的形式-下载-导出文件操作
2020/08/07 Javascript
[51:27]LGD vs Liquid 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
在Python程序中实现分布式进程的教程
2015/04/28 Python
Python实现查找匹配项作处理后再替换回去的方法
2017/06/10 Python
Python中staticmethod和classmethod的作用与区别
2018/10/11 Python
python中for循环把字符串或者字典添加到列表的方法
2019/07/20 Python
Python爬虫解析网页的4种方式实例及原理解析
2019/12/30 Python
PyTorch中topk函数的用法详解
2020/01/02 Python
html5 postMessage前端跨域并前端监听的方法示例
2018/11/01 HTML / CSS
Hunkemöller西班牙:欧洲最大的内衣连锁店
2018/08/15 全球购物
意大利婴儿产品网上商店:Mukako
2018/10/14 全球购物
赡养老人协议书
2014/04/21 职场文书
大学生活动总结怎么写
2014/04/29 职场文书
触电现场处置方案
2014/05/14 职场文书
会员卡清退活动总结
2014/08/27 职场文书
二年级语文下册复习计划
2015/01/19 职场文书
2015年销售助理工作总结
2015/05/11 职场文书
2016年领导干部廉政承诺书
2016/03/24 职场文书
Python基础之pandas数据合并
2021/04/27 Python
如何利用js在两个html窗口间通信
2021/04/27 Javascript