js美化alert()弹出框
来源:互联网 发布:php跳转url代码 编辑:程序博客网 时间:2024/05/19 06:16
使用重定义
//弹出自定义提示窗口var showAlert= function(msg,url,element){ //遮罩 if ( $("#cover_alert").length > 0) { //遮罩存在,直接调起 $("#cover_alert").show(); }else{ var coverHtml ='<div class="cover" id="cover_alert" onclick="closeAlert()" style="z-index: 101;"></div>'; $("body").append(coverHtml); $("#cover_alert").show(); } //弹框 if ( $("#pop_box_alert").length > 0 && $("#pop_box_msg").length > 0 ) { //存在,则只修改文字 $('#pop_box_msg').html(msg); $("#pop_box_msg").show(); } else{ var messageHtml = '<div class="pop_box" id="pop_box_alert" onclick="closeAlert()" style="z-index: 102;">'+ '<div class="pop_img">'+ '<img src="/assets/images/front/images/pop_top.png">'+ '</div>'+ '<div class="pop_center">'+ '<p id="pop_box_msg">'+msg+'</p>'+ '</div>'+ '<div class="pop_img">'+ '<img src="/assets/images/front/images/pop_bottom.png">'+ '</div>'+ '</div>'; $("body").append(messageHtml); } $("#pop_box_alert").show(); var sVal = arguments[2] ? arguments[2] : 0; if(url){ if(url=='share'){ setTimeout("showTip()", 2000 ) } if(url=='list'){ var rit ='/meeting/list/'+sVal; setTimeout(function(){redirectList(rit)} , 2000 ); } }else{ setTimeout("$('#pop_box_alert').hide();$('#cover_alert').hide();" , 2000); }}//重定义alert//那么重点来了!!!!!!!!!!!!!!!window.alert=showAlert;//那么重点来了!!!!!!!!!!!!!!!//点击遮罩关闭function closeAlert(){ $("#pop_box_alert").hide(); $("#cover_alert").hide();}//跳转列表页function redirectList(url){ $('#pop_box_alert').hide(); window.location.href=url;}//显示遮罩碳层function showTip(element){ $("#pop_box_alert").hide(); $("#cover_alert").hide(); $('#shareZindex').show();}
阅读全文
0 0
- js美化alert()弹出框
- alert 弹出框美化
- 弹出框美化 alert样式美化
- js 弹出alert框
- Alert弹出窗口 美化
- js原生alert弹框美化
- js alert() 弹出框 乱码
- alert弹出框出现乱码,解决办法(js)
- JS alert() 弹出框乱码的问题
- Alert弹出窗口 美化体验版
- alert,confirm弹出窗样式美化
- [JS]JS模拟Alert弹出框效果--自定义CSS样式
- js中的alert()弹出乱码
- js中的alert()弹出乱码
- 自定义alert()弹出框
- Alert 弹出提示框
- flex 弹出框Alert
- 自定义弹出框alert
- String 缓冲池 堆 20170727
- JavaScript中的观察者模式
- JVM-垃圾回收机制算法简述
- 关于phpstudy配置https问题
- 信封加密存储秘钥
- js美化alert()弹出框
- 票据打印机-蓝牙的开关
- iOS开发 数据存储之FMDB
- Tengine反向代理配置
- 利用bootstrap和js完成一个简易的文件上传按钮
- HTML 头部
- java发送邮件程序
- 欢迎使用CSDN-markdown编辑器
- 【HDFS基础】NameNode内存详解