js 弹出框 替代浏览器的弹出框

所属分类: 网络编程 / JavaScript 阅读数: 174
收藏 0 赞 0 分享
复制代码 代码如下:

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("");
更多精彩内容其他人还在看

js数组常用最重要的方法

本篇文章给大家整理了JS数组中最重要的常用方法,本次整理的是小编认为大家在使用中最常用也是最重要的方法,一起学习下。
收藏 0 赞 0 分享

vue2.0 datepicker使用方法

这篇文章主要介绍了vue2.0 datepicker的使用方法,非常不错,具有参考借鉴借鉴价值,需要的朋友参考下
收藏 0 赞 0 分享

基于vue 动态加载图片src的解决方法

下面小编就为大家分享一篇基于vue 动态加载图片src的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

JS设计模式之访问者模式定义与用法分析

这篇文章主要介绍了JS设计模式之访问者模式定义与用法,结合实例形式分析了javascript设计模式中访问者模式的概念、功能、应用场景及使用方法,需要的朋友可以参考下
收藏 0 赞 0 分享

javascript实现最长公共子序列实例代码

最长公共子序列(longest common sequence)和最长公共子串(longest common substring)不是一回事儿,下面这篇文章主要给大家介绍了关于javascript实现最长公共子序列的相关资料,需要的朋友可以参考下。
收藏 0 赞 0 分享

Node.js上传文件功能之服务端如何获取文件上传进度

这篇文章主要介绍如何利用progress-stream获取文件上传进度,以及该组件使用过程中的注意事项
收藏 0 赞 0 分享

Node.js成为Web应用开发最佳选择的原因

本篇文章给大家详细分析了Node.js 成为 Web 应用开发最佳选择的十个原因,对此有需要的朋友参考下。
收藏 0 赞 0 分享

JS设计模式之策略模式概念与用法分析

这篇文章主要介绍了JS设计模式之策略模式概念与用法,简单分析了策略模式的基本概念、原理并结合实例形式分析了javascript实现与使用策略模式的相关操作技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

vue实现图片加载完成前的loading组件方法

下面小编就为大家分享一篇vue实现图片加载完成前的loading组件,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

javascript实现获取一个日期段内每天不同的价格(计算入住总价格)

这篇文章主要介绍了javascript实现获取一个日期段内每天不同的价格(计算入住总价格)的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多