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 constructor的实际作用分析
Nov 15 Javascript
浅谈Javascript事件处理程序的几种方式
Jun 27 Javascript
基于jquery实现的省市区级联无ajax
Sep 24 Javascript
JavaScript中使用arguments获得函数传参个数实例
Aug 27 Javascript
基于jQuery插件实现环形图标菜单旋转切换特效
May 15 Javascript
JavaScript数组迭代器实例分析
Jun 09 Javascript
AngularJS过滤器filter用法分析
Dec 11 Javascript
js获取json中key所对应的value值的简单方法
Jun 17 Javascript
Bootstrap栅格系统的使用详解
Oct 30 Javascript
Vue用v-for给src属性赋值的方法
Mar 03 Javascript
vue实现固定位置显示功能
May 30 Javascript
JavaScript原始值与包装对象的详细介绍
May 11 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创建PDF中文文档
2006/10/09 PHP
变量在 PHP7 内部的实现(二)
2015/12/21 PHP
PHP+mysql+ajax轻量级聊天室实现方法详解
2016/10/17 PHP
Yii2框架redis基本应用示例
2018/07/13 PHP
jquery索引在使用中的一些困惑
2013/10/24 Javascript
JS判断浏览器是否支持某一个CSS3属性的方法
2014/10/17 Javascript
基于jQuery.Hz2Py.js插件实现的汉字转拼音特效
2015/05/07 Javascript
js验证上传图片的方法
2015/05/12 Javascript
Javascript实现网络监测的方法
2015/07/31 Javascript
跟我学习javascript的undefined与null
2015/11/17 Javascript
基于javascript实现九宫格大转盘效果
2020/05/28 Javascript
Javascript之BOM(window对象)详解
2016/05/25 Javascript
js实现可旋转的立方体模型
2016/10/16 Javascript
js实现简单的选项卡效果
2017/02/23 Javascript
JS获取鼠标位置距浏览器窗口距离的方法示例
2017/04/11 Javascript
微信小程序 仿美团分类菜单 swiper分类菜单
2017/04/12 Javascript
angular bootstrap timepicker TypeError提示怎么办
2017/06/13 Javascript
Angular 表单控件示例代码
2017/06/26 Javascript
JS实现百度网盘任意文件强制下载功能
2018/08/31 Javascript
Vue 样式绑定的实现方法
2019/01/15 Javascript
微信小程序实现购物车代码实例详解
2019/08/29 Javascript
JavaScript复制变量三种方法实例详解
2020/01/09 Javascript
[00:36]DOTA2上海特级锦标赛 Archon战队宣传片
2016/03/04 DOTA
Python异常学习笔记
2015/02/03 Python
Sanic框架应用部署方法详解
2018/07/18 Python
python解释器spython使用及原理解析
2019/08/24 Python
python属于跨平台语言码
2020/06/09 Python
使用OpenCV实现道路车辆计数的使用方法
2020/07/15 Python
西班牙在线宠物商店:zooplus.es
2017/02/24 全球购物
入党申请书自我鉴定
2013/10/12 职场文书
经销商会议欢迎词
2014/01/11 职场文书
电气自动化专业职业规划范文
2014/02/16 职场文书
幼儿园母亲节活动方案
2014/03/10 职场文书
自查自纠整改报告
2014/11/06 职场文书
2014年路政工作总结
2014/12/10 职场文书
使用CSS3实现按钮悬停闪烁动态特效代码
2021/08/30 HTML / CSS