弹出框html5jquery资源-CSDN下载

共5个文件

js：2个

png：1个

htm：1个

5星 · 超过95%的资源需积分: 10 76 浏览量 2016-02-17 12:53:38 上传评论收藏 86KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

upload.zip （5个子文件）

upload

Demo_files

xcConfirm.css 2KB

icons.png 5KB

xcConfirm.js 5KB

jquery-1.9.1.js 262KB

Demo.htm 3KB

<!DOCTYPE html>  <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <title>Demo</title> <link rel="stylesheet" type="text/css" href="./Demo_files/xcConfirm.css"> <script src="./Demo_files/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script> <script src="./Demo_files/xcConfirm.js" type="text/javascript" charset="utf-8"></script> <style type="text/css"> .sgBtn{width: 135px; height: 35px; line-height: 35px; margin-left: 10px; margin-top: 10px; text-align: center; background-color: #0095D9; color: #FFFFFF; float: left; border-radius: 5px;} </style> <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> </head> <body> <div class="" style="height: 78px;"> <div class="sgBtn" id="btn1">弹窗1(信息)</div> <div class="sgBtn" id="btn2">弹窗2(提示)</div> <div class="sgBtn" id="btn3">弹窗3(警告)</div> <div class="sgBtn" id="btn4">弹窗4(错误)</div> <div class="sgBtn" id="btn5">弹窗5(成功)</div> <div class="sgBtn" id="btn6">弹窗6(输入框)</div> <div class="sgBtn" id="btn7">弹窗7(自定义)</div> <div class="sgBtn" id="btn8">弹窗8(默认)</div> </div> </body></html>

评论收藏

内容反馈