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 相关文章推荐
window.open的功能全解析
Oct 10 Javascript
jQuery EasyUI API 中文文档 - TimeSpinner时间微调器
Oct 23 Javascript
JQuery自动触发事件的方法
Jun 13 Javascript
快速搭建React的环境步骤详解
Nov 06 Javascript
浅谈React前后端同构防止重复渲染
Jan 05 Javascript
vue中的$emit 与$on父子组件与兄弟组件的之间通信方式
May 13 Javascript
vue cli 3.0 使用全过程解析
Jun 14 Javascript
使用js实现将后台传入的json数据放在前台显示
Aug 06 Javascript
详解webpack模块加载器兼打包工具
Sep 11 Javascript
ES6中Set和Map用法实例详解
Mar 02 Javascript
微信小程序实现购物车功能
Nov 18 Javascript
详解Vue项目的打包方式(生成dist文件)
Jan 18 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 获取远程网页内容的函数
2009/09/08 PHP
destoon实现调用热门关键字的方法
2014/07/15 PHP
CodeIgniter中使用Smarty3基本配置
2015/06/29 PHP
PHP实现webshell扫描文件木马的方法
2017/07/31 PHP
Jquery公告滚动+AJAX后台得到数据
2011/04/14 Javascript
基于jquery扩展漂亮的下拉框可以二次修改
2013/11/19 Javascript
jQuery插件ajaxFileUpload实现异步上传文件效果
2015/04/14 Javascript
JS 在数组指定位置插入/删除数据的方法
2017/01/12 Javascript
js实现横向拖拽导航条功能
2017/02/17 Javascript
深入理解基于vue-cli的vuex配置
2017/07/24 Javascript
vue实现移动端图片裁剪上传功能
2020/08/18 Javascript
JS倒计时实例_天时分秒
2017/08/22 Javascript
Vue实现数字输入框中分割手机号码的示例
2017/10/10 Javascript
JS实现图片转换成base64的各种应用场景实例分析
2018/06/22 Javascript
Vue 第三方字体图标引入 Font Awesome的方法
2018/09/28 Javascript
微信上传视频文件提示(推荐)
2018/11/22 Javascript
小程序hover-class点击态效果实现
2019/02/26 Javascript
微信小程序自定义弹窗实现详解(可通用)
2019/07/04 Javascript
JS实现简单的表格增删
2020/01/16 Javascript
序列化模块json代码实例详解
2020/03/03 Javascript
js实现盒子拖拽动画效果
2020/08/09 Javascript
Openlayers绘制地图标注
2020/09/28 Javascript
Python中条件选择和循环语句使用方法介绍
2013/03/13 Python
Python中map和列表推导效率比较实例分析
2015/06/17 Python
Python中基础的socket编程实战攻略
2016/06/01 Python
python3.x实现base64加密和解密
2019/03/28 Python
python爬取代理ip的示例
2020/12/18 Python
前端实现背景虚化但内容清晰且自适应 的实例代码
2019/08/01 HTML / CSS
英国内衣连锁店:Boux Avenue
2018/01/24 全球购物
英国DVD和蓝光碟片购买网站:Zoom.co.uk(电影和电视)
2019/09/23 全球购物
法制教育观后感
2015/06/17 职场文书
你会写报告?产品体验报告到底该怎么写?
2019/08/14 职场文书
CocosCreator ScrollView优化系列之分帧加载
2021/04/14 Python
Python进阶学习之带你探寻Python类的鼻祖-元类
2021/05/08 Python
Python基础之变量的相关知识总结
2021/06/23 Python
SQL语句中JOIN的用法场景分析
2021/07/25 SQL Server