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 相关文章推荐
javascript之可拖动的iframe效果代码
Aug 01 Javascript
JQuery 插件模板 制作jquery插件的朋友可以参考下
Mar 17 Javascript
iframe 父窗口和子窗口相互的调用方法集锦
Dec 15 Javascript
js点击页面其它地方将某个显示的DIV隐藏
Jul 12 Javascript
jquery手风琴特效插件
Feb 04 Javascript
JavaScript实现斗地主游戏的思路
Feb 29 Javascript
有关easyui-layout中的收缩层无法显示标题的解决办法
May 10 Javascript
JS中showModalDialog关闭子窗口刷新主窗口用法详解
Mar 25 Javascript
JS非空验证及邮箱验证的实例
Aug 11 Javascript
浅谈Vue组件单元测试究竟测试什么
Feb 05 Javascript
el-table树形表格表单验证(列表生成序号)
May 31 Javascript
React倒计时功能实现代码——解耦通用
Sep 18 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 daddslashes 使用方法介绍
2012/10/26 PHP
php的hash算法介绍
2014/02/13 PHP
PHP递归遍历多维数组实现无限分类的方法
2016/05/06 PHP
漂亮的widgets,支持换肤和后期开发新皮肤(2007-4-27已更新1.7alpha)
2007/04/27 Javascript
Jquery事件的连接使用示例
2013/06/18 Javascript
快速解决jQuery与其他库冲突的方法介绍
2014/01/02 Javascript
IE6已终止操作问题的2种情况及解决
2014/04/23 Javascript
javascript获取文档坐标和视口坐标
2015/05/26 Javascript
jquery实现平滑的二级下拉菜单效果
2015/08/26 Javascript
JavaScript实现图片滑动切换的代码示例分享
2016/03/06 Javascript
js手机号批量滚动抽奖实现代码
2020/04/17 Javascript
JS排序之选择排序详解
2017/04/08 Javascript
js自定义trim函数实现删除两端空格功能
2018/02/09 Javascript
QQ跳转支付宝并自动领红包脚本(最新)
2018/06/22 Javascript
vue计算属性get和set用法示例
2019/02/08 Javascript
layui实现tab的添加拒绝重复的方法
2019/09/04 Javascript
javascript严格模式详解(含严格模式与非严格模式的区别)
2019/11/12 Javascript
何时/使用 Vue3 render 函数的教程详解
2020/07/25 Javascript
[03:30]DOTA2完美“圣”典精彩集锦
2016/12/27 DOTA
[00:47]DOTA2荣耀之路6:天火,天火!
2018/05/30 DOTA
深入理解python多进程编程
2016/06/12 Python
Django Admin 实现外键过滤的方法
2017/09/29 Python
Python 将pdf转成图片的方法
2018/04/23 Python
对PyTorch torch.stack的实例讲解
2018/07/30 Python
将python运行结果保存至本地文件中的示例讲解
2019/07/11 Python
Python Web程序搭建简单的Web服务器
2019/07/31 Python
Django在admin后台集成TinyMCE富文本编辑器的例子
2019/08/09 Python
python 利用已有Ner模型进行数据清洗合并代码
2019/12/24 Python
TensorFlow 多元函数的极值实例
2020/02/10 Python
python 常见的反爬虫策略
2020/09/27 Python
黄色火烈鸟:De Gele Flamingo
2019/03/18 全球购物
物流仓管员工作职责
2014/01/06 职场文书
教师求职自荐信
2014/03/09 职场文书
新学期决心书
2014/03/11 职场文书
道路运输企业安全生产责任书
2014/07/28 职场文书
vue里使用create, mounted调用方法
2022/04/26 Vue.js