jquery 自带的提示样式
来源:互联网 发布:上海软件市场 编辑:程序博客网 时间:2024/04/30 08:56
<script type="text/javascript">
//====================================以下为测试函数=======================================//
function test1(){
scscms_alert("默认提示信息");
}
function test2(){
scscms_alert("成功提示信息","ok");
}
function test3(){
scscms_alert("成功提示后回调函数","ok",function(){alert("回调成功!")});
}
function test4(){
scscms_alert("失败提示信息","error");
}
function test5(){
scscms_alert("失败提示信息","error",function(){alert("哦!no!")});
}
function test6(){
scscms_alert("警告提示信息","warn");
}
function test7(){
scscms_alert("警告提示信息","warn",function(){alert("哦!警告!")});
}
function test8(){
scscms_alert("您喜欢此信息提示吗?","confirm",function(){
scscms_alert("您选择了喜欢,谢谢!","ok");
},function(){
scscms_alert("您选择了不喜欢,汗!","error");
});
}
function test9(){
scscms_alert("本信息3秒后自动关闭","ok","",3);
}
function test10(){
scscms_alert("询问信息定时关闭提示信息,3秒后自动关闭,无取消时回调函数.不推荐使用。","confirm",function(){alert("确定回调用!")},3);
}
</script>
<div class="test">
<button type="button" onclick="test1()">默认提示信息</button>
<br/>
<button type="button" onclick="test2()">成功提示信息</button>
<br/>
<button type="button" onclick="test3()">成功提示后回调函数</button>
<br/>
<button type="button" onclick="test4()">失败提示信息</button>
<br/>
<button type="button" onclick="test5()">失败提示后回调函数</button>
<br/>
<button type="button" onclick="test6()">警告提示信息</button>
<br/>
<button type="button" onclick="test7()">警告提示后回调函数</button>
<br/>
<button type="button" onclick="test8()">询问信息</button>
<br/>
<button type="button" onclick="test9()">定时关闭提示信息</button>
<br/>
<button type="button" onclick="test10()">询问信息定时关闭提示信息</button>
</div>
function scscms_alert(msg,sign,ok,can){
var c_=false;//是否已经关闭窗口,解决自动关闭与手动关闭冲突
sign=sign||"";
var s="<div id='mask_layer'></div><div id='scs_alert'><div id='alert_top'></div><div id='alert_bg'><table width='260' align='center' border='0' cellspacing='0' cellpadding='1'><tr>";
if (sign!="")s+="<td width='45'><div id='inco_"+sign+"'></div></td>";
s+="<td id='alert_txt'>"+msg+"</td></tr></table>";
if (sign=="confirm"){
s+="<a href='javascript:void(0)' id='confirm_ok'>确 定</a><a href='javascript:void(0)' id='confirm_cancel'>取 消</a>";
}else{
s+="<a href='javascript:void(0)' id='alert_ok'>确 定</a>"
}
s+="</div><div id='alert_foot'></div></div>";
$("body").append(s);
$("#scs_alert").css("margin-top",-($("#scs_alert").height()/2)+"px"); //使其垂直居中
$("#scs_alert").focus(); //获取焦点,以防回车后无法触发函数
if (typeof can == "number"){
//定时关闭提示
setTimeout(function(){
close_info();
},can*1000);
}
function close_info(){
//关闭提示窗口
if(!c_){
$("#mask_layer").fadeOut("fast",function(){
$("#scs_alert").remove();
$(this).remove();
});
c_=true;
}
}
$("#alert_ok").click(function(){
close_info();
if(typeof(ok)=="function")ok();
});
$("#confirm_ok").click(function(){
close_info();
if(typeof(ok)=="function")ok();
});
$("#confirm_cancel").click(function(){
close_info();
if(typeof(can)=="function")can();
});
- jquery 自带的提示样式
- phpcms取编译器内容,设置表的字体样式,用jquery去掉表格自带样式
- jQuery Mobile 动态加入的html,如何加上jqm自带的样式
- 系统自带的UIBarButtonSystemItem样式
- 系统自带的UIBarButtonSystemItem样式
- 带箭头的提示tips样式
- 用jQuery EasyUI自带的遮罩来显示浏览器版本不够时的提示信息。
- 用jQuery EasyUI自带的遮罩来显示浏览器版本不够时的提示信息。
- android---自带样式
- 系统自带样式
- 自带样式修改
- Android自带样式
- 处理struts2自带的错误提示
- 去除浏览器自带的提示
- Jquery导出带样式的Excel
- JQUERY自带的时间插件
- jquery自带的validate默认验证
- Jquery自带的弹出框效果
- ***(leetcode) (tree) Flatten Binary Tree to Linked List
- CentOS 6.5 yum安装配置lnmp服务器(Nginx+PHP+MySQL)
- C#生成随机数
- 搭建并运行基于HA模式的canal
- mysql 的一个死锁问题解决
- jquery 自带的提示样式
- 自定义控件例如LinearLayout 的三种方法
- 海淘记录第二
- SQL锁表语句
- 客户端会话成功连接至Oracle服务端后,监听的启动和关闭就不会影响已经连接的会话
- DB2 操作无效:已关闭 result set。 ERRORCODE=-4470, SQLSTATE=null
- PL/SQL的存储过程和函数
- 多媒体音视频常用编解码标准介绍
- IOS:Warning: Attempt to dismiss from view controller <xxxxxxxxxController: 0x13f6840e0>