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参考实例 1.0 jQuery的哲学
Apr 07 Javascript
Javascript 鼠标移动上去 滑块跟随效果代码分享
Nov 23 Javascript
javascript放大镜效果的简单实现
Dec 09 Javascript
extJS中常用的4种Ajax异步提交方式
Mar 07 Javascript
node.js中的buffer.length方法使用说明
Dec 14 Javascript
浅谈javascript的Array.prototype.slice.call
Aug 31 Javascript
jquery实现鼠标点击后展开列表内容的导航栏效果
Sep 14 Javascript
弹出遮罩层后禁止滚动效果【实现代码】
Apr 29 Javascript
10分钟掌握XML、JSON及其解析
Dec 06 Javascript
jQuery实现页码跳转式动态数据分页
Dec 31 jQuery
Vue 引入AMap高德地图的实现代码
Apr 29 Javascript
javascript实现动态时钟的启动和停止
Jul 29 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实现的下载css文件中的图片的代码
2010/02/08 PHP
PHPUnit PHP测试框架安装方法
2011/03/23 PHP
做了CDN获取用户真实IP的函数代码(PHP与Asp设置方式)
2013/04/13 PHP
推荐几款用 Sublime Text 开发 Laravel 所用到的插件
2014/10/30 PHP
PHP获取youku视频真实flv文件地址的方法
2014/12/23 PHP
phpstudy的php版本自由修改的方法
2017/10/18 PHP
向大师们学习Javascript(视频与PPT)
2009/12/27 Javascript
jquery异步调用页面后台方法&amp;#8207;(asp.net)
2011/03/01 Javascript
理清apply(),call()的区别和关系
2011/08/14 Javascript
javascript手工制作悬浮菜单
2015/02/12 Javascript
javascript相关事件的几个概念
2015/05/21 Javascript
js实现表单Radio切换效果的方法
2015/08/17 Javascript
js对象浅拷贝和深拷贝详解
2016/09/05 Javascript
JavaScript对JSON数据进行排序和搜索
2017/07/24 Javascript
js实现数组和对象的深浅拷贝
2017/09/30 Javascript
JavaScript递归函数解“汉诺塔”算法代码解析
2018/07/05 Javascript
Vue实现用户自定义字段显示数据的方法
2018/08/28 Javascript
Vue 递归多级菜单的实例代码
2019/05/05 Javascript
编写Python脚本批量下载DesktopNexus壁纸的教程
2015/05/06 Python
Python的标准模块包json详解
2017/03/13 Python
python中 chr unichr ord函数的实例详解
2017/08/06 Python
浅谈python和C语言混编的几种方式(推荐)
2017/09/27 Python
对python 各种删除文件失败的处理方式分享
2018/04/24 Python
Django 根据数据模型models创建数据表的实例
2018/05/27 Python
浅谈pytorch和Numpy的区别以及相互转换方法
2018/07/26 Python
Python 面试中 8 个必考问题
2018/11/16 Python
python调用staf自动化框架的方法
2018/12/26 Python
使用python将excel数据导入数据库过程详解
2019/08/27 Python
解决Django layui {{}}冲突的问题
2019/08/29 Python
django序列化serializers过程解析
2019/12/14 Python
一篇文章教你用python画动态爱心表白
2020/11/22 Python
iPad和Surface Pro蓝牙键盘:Brydge
2018/11/10 全球购物
主治医师岗位职责
2013/12/10 职场文书
干货:我将这样书写我的演讲稿!
2019/05/09 职场文书
2019银行竞聘书
2019/06/21 职场文书
pytorch中的model.eval()和BN层的使用
2021/05/22 Python