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

 更新时间:2010年10月29日 21:57:57   作者:  
js 弹出框 替代浏览器的弹出框,需要的朋友可以参考下。
复制代码 代码如下:

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("");

相关文章

  • 详解ES6中的三种异步解决方案

    详解ES6中的三种异步解决方案

    这篇文章主要介绍了详解ES6中的三种异步解决方案,详细的介绍了这三种方案的实现,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-06-06
  • 使用JavaScript解析URL的方法示例

    使用JavaScript解析URL的方法示例

    这篇文章主要给大家介绍了关于如何使用JavaScript解析URL的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-03-03
  • 原生js拖拽实现图形伸缩效果

    原生js拖拽实现图形伸缩效果

    这篇文章主要为大家详细介绍了原生js拖拽实现图形的伸缩效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02
  • Javascript异步表单提交,图片上传,兼容异步模拟ajax技术

    Javascript异步表单提交,图片上传,兼容异步模拟ajax技术

    使用Javascript异步表单提交,图片上传,兼容异步模拟ajax技术,需要的朋友可以参考下。
    2010-05-05
  • web打印小结

    web打印小结

    本文主要介绍了一款比较强大的web打印工具lodop实现将winform客户端的打印,移到网页上由客户自行打印,打印要求是根据一定的格式实现套打的过程与方法。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • js中Function引用类型常见有用的方法和属性详解

    js中Function引用类型常见有用的方法和属性详解

    在本篇文章里小编给大家整理的是关于js中Function引用类型常见有用的方法和属性知识点,有兴趣的朋友们可以学习下。
    2019-12-12
  • js控制淡入淡出示例代码

    js控制淡入淡出示例代码

    淡入淡出效果想必大家都有见到过吧,在本文将为大家介绍下使用js如何控制淡入淡出,感兴趣的朋友可以参考下
    2013-11-11
  • JavaScript Date对象详解及时间戳和时间的相互转换问题

    JavaScript Date对象详解及时间戳和时间的相互转换问题

    这篇文章主要介绍了JavaScript Date对象详解及时间戳和时间的相互转换问题,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2024-01-01
  • Bootstrap进度条学习使用

    Bootstrap进度条学习使用

    这篇文章主要为大家详细介绍了Bootstrap进度条的学习使用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • ES6新特性五:Set与Map的数据结构实例分析

    ES6新特性五:Set与Map的数据结构实例分析

    这篇文章主要介绍了ES6新特性五之Set与Map的数据结构,结合实例形式分析了ES6中Set与Map的功能、定义、属性、结构与相关使用技巧,需要的朋友可以参考下
    2017-04-04

最新评论