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 相关文章推荐
匹配任意字符的正则表达式写法
Apr 29 Javascript
jQuery Validation插件remote验证方式的Bug解决
Jul 01 Javascript
使用CDN和AJAX加速WordPress中jQuery的加载
Dec 05 Javascript
jQuery的each循环用法简单示例
Jun 12 Javascript
jquery 判断是否支持Placeholder属性的方法
Feb 07 Javascript
JavaScript数据结构之广义表的定义与表示方法详解
Apr 12 Javascript
jQuery滚动插件scrollable.js用法分析
May 25 jQuery
AngularJS实现与后台服务器进行交互的示例讲解
Aug 13 Javascript
微信小程序公用参数与公用方法用法示例
Jan 09 Javascript
javascript中this的用法实践分析
Jul 29 Javascript
js中forEach,for in,for of循环的用法示例小结
Mar 14 Javascript
解决基于 keep-alive 的后台多级路由缓存问题
Dec 23 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
星际初学者游戏中永远要做的事
2020/03/04 星际争霸
php使用function_exists判断函数可用的方法
2014/11/19 PHP
php自定义类fsocket模拟post或get请求的方法
2015/07/31 PHP
详解Yii2.0使用AR联表查询实例
2017/06/16 PHP
PHP 中 var_export、print_r、var_dump 调试中的区别
2018/06/19 PHP
PHP 结合 Boostrap 结合 js 实现学生列表删除编辑及搜索功能
2019/05/21 PHP
jQuery 学习第七课 扩展jQuery的功能 插件开发
2010/05/17 Javascript
jquery tab插件制作实现代码
2010/06/22 Javascript
JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题
2010/08/12 Javascript
javascript工具库代码
2012/03/29 Javascript
jQuery.each()用法分享
2012/07/31 Javascript
Jquery通过Ajax方式来提交Form表单的具体实现
2013/11/07 Javascript
JS实现模仿微博发布效果实例代码
2013/12/16 Javascript
js实现的tab标签切换效果代码分享
2015/08/25 Javascript
javaScript实现可缩放的显示区效果代码
2015/10/26 Javascript
JavaScript兼容性总结之获取非行间样式案例
2016/08/07 Javascript
JavaScript实现星级评分
2017/01/12 Javascript
Javascript中从学习bind到实现bind的过程
2018/01/05 Javascript
jquery应用实例分享_实现手风琴特效
2018/02/01 jQuery
vue和webpack打包项目相对路径修改的方法
2018/06/15 Javascript
jQuery-ui插件sortable实现自由拖动排序
2018/12/01 jQuery
微信小程序使用 vant Dialog组件的正确方式
2020/02/21 Javascript
JS关闭子窗口并且刷新上一个窗口的实现示例
2020/03/10 Javascript
vue单元格多列合并的实现
2020/11/26 Vue.js
[00:44]TI7不朽珍藏III——军团指挥官不朽展示
2017/07/15 DOTA
python发送伪造的arp请求
2014/01/09 Python
python利用正则表达式搜索单词示例代码
2017/09/24 Python
浅谈python中copy和deepcopy中的区别
2017/10/23 Python
CSS3 实用技巧:实现黑白图像效果示例代码
2013/07/11 HTML / CSS
HTML5触摸事件实现移动端简易进度条的实现方法
2018/05/04 HTML / CSS
GafasWorld西班牙:购买太阳镜、眼镜和隐形眼镜
2019/09/08 全球购物
机电专业毕业生求职信
2013/10/27 职场文书
如何写自我鉴定
2014/03/19 职场文书
中国梦宣传标语口号
2015/12/26 职场文书
python使用pycharm安装pyqt5以及相关配置
2022/04/22 Python
CSS使用SVG实现动态分布的圆环发散路径动画
2022/12/24 HTML / CSS