首页 > 代码库 > artDialog提示框、对话框
artDialog提示框、对话框
/** * 警告 * @param {String}消息内容 */ artDialog.alert = function (content, callback) { return artDialog({ id: ‘Alert‘, icon: ‘warning‘, fixed: true, // lock: true, width:250, height:50, content: content, ok: true, close: callback }); };
/** * 确认 * @param {String}消息内容 * @param {Function}确定button回调函数 * @param {Function}取消button回调函数 */ artDialog.confirm = function (content, yes, no) { return artDialog({ id: ‘Confirm‘, icon: ‘question‘, fixed: true, // lock: true, opacity: .1, width:250, height:50, content: content, ok: function (here) { return yes.call(this, here); }, cancel: function (here) { return no && no.call(this, here); } }); };
/** * 提问 * @param {String}提问内容 * @param {Function}回调函数. 接收參数:输入值 * @param {String}默认值 */ artDialog.prompt = function (content, yes, value) { value = http://www.mamicode.com/value || ‘‘;>/** * 短暂提示 * @param {String}提示内容 * @param {Number}显示时间 (默认1.5秒) */ artDialog.tips = function (content, time) { return artDialog({ id: ‘Tips‘, title: false, cancel: false, fixed: true, // lock: true, width:250, height:50 }) .content(‘<div style="padding: 0 1em;">‘ + content + ‘</div>‘) .time(time || 1); };//右下角滑动通知 artDialog.notice = function (options) { var opt = options || {}, api, aConfig, hide, wrap, top, duration = 800; var config = { id: ‘Notice‘, left: ‘100%‘, top: ‘100%‘, fixed: true, drag: false, width:250, height:50, resize: false, follow: null, lock: false, init: function(here){ api = this; aConfig = api.config; wrap = api.DOM.wrap; top = parseInt(wrap[0].style.top); hide = top + wrap[0].offsetHeight; wrap.css(‘top‘, hide + ‘px‘) .animate({top: top + ‘px‘}, duration, function () { opt.init && opt.init.call(api, here); }); }, close: function(here){ wrap.animate({top: hide + ‘px‘}, duration, function () { opt.close && opt.close.call(this, here); aConfig.close = $.noop; api.close(); }); return false; } }; for (var i in opt) { if (config[i] === undefined) config[i] = opt[i]; }; return artDialog(config); };//调用范例: art.dialog.alert(‘人品越来越不那么稳定了,请检查!‘); art.dialog.confirm(‘你确定要删除这掉消息吗?‘, function () { art.dialog.tips(‘运行确定操作‘); }, function () { art.dialog.tips(‘运行取消操作‘); }); art.dialog.prompt(‘请输入图片网址‘, function (val) { art.dialog.tips(val); }, ‘http://‘); art.dialog.tips(‘数据正在提交..‘, 2); //[more code..] art.dialog.tips(‘成功。已经保存在server‘);
artDialog提示框、对话框
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。