当前位置: 首页 > 网站开发 > 正文

JQ alert弹框美化插件

妙网小编 发表于2016年10月28日 19:21

点击查看原图

调用方法:

<script type="text/javascript">
$(function(){

$("#btn1").click(function(){
var txt=  "提示文字,提示文字,提示文字,提示文字,提示文字,提示文字";
window.wxc.xcConfirm(txt, window.wxc.xcConfirm.typeEnum.info);
});

$("#btn2").click(function(){
var txt=  "提示文字,提示文字,提示文字,提示文字,提示文字,提示文字";
window.wxc.xcConfirm(txt, window.wxc.xcConfirm.typeEnum.confirm);

});

$("#btn3").click(function(){
var txt=  "提示文字,提示文字,提示文字,提示文字,提示文字,提示文字";
window.wxc.xcConfirm(txt, window.wxc.xcConfirm.typeEnum.warning);
});

$("#btn4").click(function(){
var txt=  "提示文字,提示文字,提示文字,提示文字,提示文字,提示文字";
window.wxc.xcConfirm(txt, window.wxc.xcConfirm.typeEnum.error);
});

$("#btn5").click(function(){
var txt=  "提示文字,提示文字,提示文字,提示文字,提示文字,提示文字";
window.wxc.xcConfirm(txt, window.wxc.xcConfirm.typeEnum.success);
});

$("#btn6").click(function(){
var txt=  "请输入";
window.wxc.xcConfirm(txt, window.wxc.xcConfirm.typeEnum.input,{
onOk:function(v){
console.log(v);
}
});
});

$("#btn7").click(function(){
var txt=  "自定义呀";
var option = {
title: "自定义",
btn: parseInt("0011",2),
onOk: function(){
console.log("确认啦");
}
}
window.wxc.xcConfirm(txt, "custom", option);
});

$("#btn8").click(function(){
var txt=  "默认";
window.wxc.xcConfirm(txt);
});
});
</script>
下载插件:

[hide]

点击下载:xcConfirm.zip

[/hide]

本文标签: 网站制作网站建设网站设计HTMLJQ
本文标题: JQ alert弹框美化插件
本文链接: https://www.mwkj.net/m/?post=623

随机文章推荐 收藏本文

共有4057阅 / 0我要评论
  1. 还没有评论呢,快抢沙发~

发表你的评论吧返回顶部

!评论内容需包含中文

请勾选本项再提交评论