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 相关文章推荐
jQuery的一些注意
Dec 06 Javascript
jQuery的运行机制和设计理念分析
Apr 05 Javascript
jquery div 居中技巧应用介绍
Nov 24 Javascript
javascript基础语法学习笔记
Jan 04 Javascript
超漂亮的Bootstrap 富文本编辑器summernote
Apr 05 Javascript
javascript实现任务栏消息提示的简单实例
May 31 Javascript
JavaScript无阻塞加载和defer、async详解
Feb 26 Javascript
jQuery实现遍历复选框的方法示例
Mar 06 Javascript
关于js对textarea换行符的处理方法浅析
Aug 03 Javascript
让webpack+vue-cil项目不再自动打开浏览器的方法
Sep 27 Javascript
原生JS实现动态添加新元素、删除元素方法
May 05 Javascript
JS数组扁平化、去重、排序操作实例详解
Feb 24 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 at(@)符号的用法简介
2009/07/11 PHP
PHP的foreach中使用引用时需要注意的一个问题和解决方法
2014/05/29 PHP
Windows下PHP开发环境搭建教程(Apache+PHP+MySQL)
2016/06/13 PHP
PHP策略模式定义与用法示例
2017/07/27 PHP
Yii框架的路由配置方法分析
2019/09/09 PHP
tp5递归 无限级分类详解
2019/10/18 PHP
一个很简单的jquery+xml+ajax的无刷新树结构(无css,后台是c#)
2010/06/02 Javascript
js模仿html5 placeholder适应于不支持的浏览器
2013/01/13 Javascript
javascript eval(func())使用示例
2013/12/05 Javascript
浅析JavaScript声明变量
2015/12/21 Javascript
JavaScript中将数组进行合并的基本方法讲解
2016/03/07 Javascript
基于JS实现数字+字母+中文的混合排序方法
2016/06/06 Javascript
关于Vue背景图打包之后访问路径错误问题的解决
2017/11/03 Javascript
基于cropper.js封装vue实现在线图片裁剪组件功能
2018/03/01 Javascript
使用jQuery动态设置单选框的选中效果
2018/12/06 jQuery
vue 父组件通过$refs获取子组件的值和方法详解
2019/11/07 Javascript
vue 微信分享回调iOS和安卓回调出现错误的解决
2020/09/07 Javascript
vue项目中微信登录的实现操作
2020/09/08 Javascript
[01:13:17]Secret vs NB 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
开始着手第一个Django项目
2015/07/15 Python
python3批量删除豆瓣分组下的好友的实现代码
2016/06/07 Python
浅谈Python生成器generator之next和send的运行流程(详解)
2017/05/08 Python
使用apidoc管理RESTful风格Flask项目接口文档方法
2018/02/07 Python
Python实现将数据写入netCDF4中的方法示例
2018/08/30 Python
python按键按住不放持续响应的实例代码
2019/07/17 Python
对Django 中request.get和request.post的区别详解
2019/08/12 Python
Python使用grequests(gevent+requests)并发发送请求过程解析
2019/09/25 Python
python golang中grpc 使用示例代码详解
2020/06/03 Python
python给视频添加背景音乐并改变音量的具体方法
2020/07/19 Python
Python Pandas数据分析工具用法实例
2020/11/05 Python
Django搭建项目实战与避坑细节详解
2020/12/06 Python
NYX Professional Makeup俄罗斯官网:世界知名的化妆品品牌
2019/12/26 全球购物
党章培训心得体会
2014/09/04 职场文书
外贸采购员岗位职责
2015/04/03 职场文书
党员转正党支部意见
2015/06/02 职场文书
Elasticsearch6.2服务器升配后的bug(避坑指南)
2022/09/23 Servers