手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js 弹出框 替代浏览器的弹出框
js 弹出框 替代浏览器的弹出框
摘要:复制代码代码如下:functionfromID(id){returndocument.getElementById(id);}functio...

复制代码 代码如下:

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兼容火狐显示上传图片预览效果的方法

js实现点击链接后延迟3秒再跳转的方法

jquery控制表单输入框显示默认值的方法

jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法

JS选项卡动态替换banner图片路径的方法

jquery右下角自动弹出可关闭的广告层

javascript判断并获取注册表中可信任站点的方法

js脚本学习 比较实用的基础

js光标定位文本框回车表单提交问题的解决方法

如何实现浏览器上的右键菜单

精品推荐
分类导航