站长资源
中国站长网站

jQuery弹出框美化插件-漂亮的弹窗插件xcConfirm

jQuery弹出框美化插件-漂亮的弹窗插件xcConfirm

本插件是一个美化版弹框插件,弹框的标题文本可以自定义。

输入框类型的弹框回调中能接收返回值。

demo提供几种常用方法,使用时可以根据项目需求调整插件样式,直接按照demo示例去调用比较方便。

本插件是封装的静态方法,传参用法都在xcConfirm.js中注明,js熟练的开发者可以直接看源码。

简单示例:

引入css和JS文件

<link rel="stylesheet" type="text/css" href="css/xcConfirm.css"/>
<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
<script src="js/xcConfirm.js" type="text/javascript" charset="utf-8"></script>

html部分给要点击的元素一个id

<div class="sgBtn" id="btn1">弹窗1(信息)</div>

JS部分

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

其中window.wxc.xcConfirm.typeEnum的属性有

window.wxc.xcConfirm.typeEnum.info //信息
window.wxc.xcConfirm.typeEnum.confirm //提示
window.wxc.xcConfirm.typeEnum.warning //警告
window.wxc.xcConfirm.typeEnum.error //错误
window.wxc.xcConfirm.typeEnum.success //成功

当然也有confirm确认对话框,示例页面都有详细介绍,大家可以下载学习


免费下载  在线演示  
×

站长资源极速下载通道: jQuery弹出框美化插件-漂亮的弹窗插件xcConfirm

本文出处:来自互联网信息共享,请勿相信收费信息站长资源 » jQuery弹出框美化插件-漂亮的弹窗插件xcConfirm

评论 抢沙发

评论前必须登录!