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实现ifram取父窗口URL地址的方法
Feb 09 Javascript
js窗口关闭提示信息(兼容IE和firefox)
Oct 23 Javascript
如何用angularjs制作一个完整的表格
Jan 21 Javascript
JavaScript学习笔记之数组随机排序
Mar 23 Javascript
Bootstrap与KnockoutJs相结合实现分页效果实例详解
May 03 Javascript
jQuery插件FusionCharts实现的2D柱状图效果示例【附demo源码下载】
Mar 06 Javascript
ECMAScript6 新特性范例大全
Mar 24 Javascript
使用Vue.js和Flask来构建一个单页的App的示例
Mar 21 Javascript
vue3.0 CLI - 1 - npm 安装与初始化的入门教程
Sep 14 Javascript
layui时间控件选择时间范围的实现方法
Sep 28 Javascript
vue自定义标签和单页面多路由的实现代码
May 03 Javascript
Vue.js获取手机系统型号、版本、浏览器类型的示例代码
May 10 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的curl实现get,post和cookie(实例介绍)
2013/06/17 PHP
比较strtr, str_replace和preg_replace三个函数的效率
2013/06/26 PHP
Yii全局函数用法示例
2017/01/22 PHP
使用PHPExcel导出Excel表
2018/09/08 PHP
juqery 学习之三 选择器 简单 内容
2010/11/25 Javascript
JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结
2011/06/28 Javascript
在javaScript中关于submit和button的区别介绍
2013/10/20 Javascript
JavaScript 学习笔记之基础中的基础
2015/01/13 Javascript
jQuery设置和移除文本框默认值的方法
2015/03/09 Javascript
jQuery获得document和window对象宽度和高度的方法
2015/03/25 Javascript
深入浅析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性
2015/12/16 Javascript
AngularJS基础 ng-repeat 指令简单示例
2016/08/03 Javascript
Javascript实现一个简单的输入关键字添加标签效果实例
2017/06/01 Javascript
vue-prop父组件向子组件进行传值的方法
2018/03/01 Javascript
iview table render集成switch开关的实例
2018/03/14 Javascript
修改node.js默认的npm安装目录实例
2018/05/15 Javascript
微信小程序tabBar 返回tabBar不刷新页面
2019/07/25 Javascript
JavaScript常用进制转换及位运算实例解析
2020/10/14 Javascript
python实现从web抓取文档的方法
2014/09/26 Python
基于Django的ModelForm组件(详解)
2017/12/07 Python
python查看列的唯一值方法
2018/07/17 Python
django主动抛出403异常的方法详解
2019/01/04 Python
Python 类的魔法属性用法实例分析
2019/11/21 Python
css3 flex实现div内容水平垂直居中的几种方法
2020/03/27 HTML / CSS
CSS3 按钮边框动画的实现
2020/11/12 HTML / CSS
高中生自我评语大全
2014/01/19 职场文书
京剧自荐信
2014/01/26 职场文书
学徒工职责
2014/03/06 职场文书
毕业自我鉴定怎么写
2014/03/25 职场文书
医院竞聘演讲稿
2014/05/16 职场文书
新员工入职感想
2015/08/07 职场文书
情感电台广播稿
2015/08/18 职场文书
保险公司2016开门红口号集锦
2015/12/24 职场文书
2019年预备党员的思想汇报:加深对党的认知
2019/09/25 职场文书
聊一聊python常用的编程模块
2021/05/14 Python
CSS控制继承中的height能变为可继承吗
2022/06/10 HTML / CSS