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 相关文章推荐
IE6下js通过css隐藏select的一个bug
Aug 16 Javascript
js加入收藏夹代码(兼容ie/ff/op)
May 16 Javascript
jQuery中[attribute!=value]选择器用法实例
Dec 31 Javascript
js动态生成Html元素实现Post操作(createElement)
Sep 14 Javascript
js实现砖头在页面拖拉效果
Nov 20 Javascript
Vue利用路由钩子token过期后跳转到登录页的实例
Oct 26 Javascript
微信小程序选择图片和放大预览图片功能
Nov 02 Javascript
JavaScript引用类型Array实例分析
Jul 24 Javascript
解决微信小程序防止无法回到主页的问题
Sep 28 Javascript
node 版本切换的实现
Feb 02 Javascript
js实现ajax的用户简单登入功能
Jun 18 Javascript
vue从后台渲染文章列表以及根据id跳转文章详情详解
Dec 14 Vue.js
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 编写的日历
2006/10/09 PHP
关于session在PHP5的配置文件中的详细设置参数说明
2011/04/20 PHP
php入门学习知识点四 PHP正则表达式基本应用
2011/07/14 PHP
PHP加密解密字符串汇总
2015/04/26 PHP
php获取数据库中数据的实现方法
2017/06/01 PHP
jquery 弹出层实现代码
2009/10/30 Javascript
基于Jquery的动态添加控件并取值的实现代码
2010/09/24 Javascript
div层的移动及性能优化
2010/11/16 Javascript
jQuery EasyUI API 中文文档 - Documentation 文档
2011/09/29 Javascript
suggestion开发小结以及对键盘事件的总结(针对中文输入法状态)
2011/12/20 Javascript
js或jquery实现页面打印可局部打印
2014/03/27 Javascript
js文本框输入内容智能提示效果
2015/12/02 Javascript
jQuery进行组件开发完整实例
2015/12/15 Javascript
js点击按钮实现带遮罩层的弹出视频效果
2015/12/19 Javascript
jqGrid 学习笔记整理——进阶篇(一 )
2016/04/17 Javascript
Chrome不支持showModalDialog模态对话框和无法返回returnValue问题的解决方法
2016/10/30 Javascript
vue实现百度搜索下拉提示功能实例
2017/06/14 Javascript
Web技术实现移动监测的介绍
2017/09/18 Javascript
webpack构建的详细流程探底
2018/01/08 Javascript
解决Vue2.x父组件与子组件之间的双向绑定问题
2018/03/06 Javascript
vue调试工具vue-devtools安装及使用方法
2018/11/07 Javascript
layui table设置某一行的字体颜色方法
2019/09/05 Javascript
原生javascript如何实现共享onload事件
2020/07/03 Javascript
Python使用正则表达式实现文本替换的方法
2017/04/18 Python
Python Pillow Image Invert
2019/01/22 Python
python实现的分析并统计nginx日志数据功能示例
2019/12/21 Python
Python命名空间及作用域原理实例解析
2020/08/12 Python
会计专业个人自我鉴定
2014/03/21 职场文书
车辆工程专业求职信
2014/06/14 职场文书
2016入党积极分子党课学习心得体会
2015/10/09 职场文书
2016党员学习作风建设心得体会
2016/01/21 职场文书
nginx配置ssl实现https的方法示例
2021/03/31 Servers
Nginx开启Brotli压缩算法实现过程详解
2021/03/31 Servers
浅谈spring boot使用thymeleaf版本的问题
2021/08/04 Java/Android
吉利入股戴姆勒后smart“长大了”
2022/04/21 数码科技
SpringBoot Http远程调用的方法
2022/08/14 Java/Android