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 相关文章推荐
List Installed Hot Fixes
Jun 12 Javascript
Js动态创建div
Sep 25 Javascript
JQuery AJAX实现目录浏览与编辑的代码
Oct 21 Javascript
jQuery.prototype.init选择器构造函数源码思路分析
Feb 05 Javascript
setInterval,setTimeout与jquery混用的问题
Apr 08 Javascript
Javascript学习指南
Dec 01 Javascript
javascript正则表达式定义(语法)总结
Jan 08 Javascript
Jquery 自定义事件实现发布/订阅的简单实例
Jun 12 Javascript
AngularJS的依赖注入实例分析(使用module和injector)
Jan 19 Javascript
js实现鼠标左右移动,图片也跟着移动效果
Jan 25 Javascript
详解ECMAScript6入门--Class对象
Apr 27 Javascript
一次让你了解全部JavaScript的作用域
Jun 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
文章推荐系统(三)
2006/10/09 PHP
浅析php header 跳转
2013/06/17 PHP
深入浅析php json 格式控制
2015/12/24 PHP
Symfony2框架学习笔记之表单用法详解
2016/03/18 PHP
PHP版微信第三方实现一键登录及获取用户信息的方法
2016/10/14 PHP
在 Laravel 中 “规范” 的开发短信验证码发送功能
2017/10/26 PHP
Ajax,UTF-8还是GB2312 eval 还是execScript
2008/11/13 Javascript
为EasyUI的Tab标签添加右键菜单的方法
2012/07/14 Javascript
使用ImageMagick进行图片缩放、合成与裁剪(js+python)
2013/09/16 Javascript
使图片旋转的3种解决方案
2013/11/21 Javascript
jquery中的$(document).ready()使用小结
2014/02/14 Javascript
JavaScript实现的图像模糊算法代码分享
2014/04/22 Javascript
node.js中使用socket.io制作命名空间
2014/12/15 Javascript
javascript中Date()函数在各浏览器中的显示效果
2015/06/18 Javascript
详解javascript数组去重问题
2015/11/06 Javascript
NodeJs的优势和适合开发的程序
2016/08/14 NodeJs
Angular企业级开发——MVC之控制器详解
2017/02/20 Javascript
JavaScript解析任意形式的json树型结构展示
2017/07/23 Javascript
JavaScript数据类型的存储方法详解
2017/08/25 Javascript
Vue仿手机qq的实例代码(demo)
2017/09/08 Javascript
vue.js移动端app之上拉加载以及下拉刷新实战
2017/09/11 Javascript
Python实现爬取知乎神回复简单爬虫代码分享
2015/01/04 Python
Python环境搭建之OpenCV的步骤方法
2017/10/20 Python
从头学Python之编写可执行的.py文件
2017/11/28 Python
python3实现基于用户的协同过滤
2018/05/31 Python
python2 与 pyhton3的输入语句写法小结
2018/09/10 Python
Linux上使用Python统计每天的键盘输入次数
2019/04/17 Python
中国最大的潮流商品购物网站:YOHO!BUY有货
2017/01/07 全球购物
德国团购网站:Groupon德国
2018/03/13 全球购物
全球最大运动品牌的男装、女装和童装官方库存商:A&A Sports
2021/01/17 全球购物
《愚公移山》教学反思
2014/02/20 职场文书
廉洁使者实施方案
2014/03/29 职场文书
文明好少年事迹材料
2014/08/19 职场文书
党员批评与自我批评思想汇报
2014/10/08 职场文书
小学一年级学生评语大全
2014/12/25 职场文书
golang http使用踩过的坑与填坑指南
2021/04/27 Golang