前几天发了一个pc版的弹窗插件xyPop, 今天就发个移动版的,这个也是基于pc版进行开发的,并且可以自适应内容、自定义多个按钮及按钮事件可以应用到您的手机网站上,功能: 支持锁定屏幕(遮罩)、模拟alert和confirm、多窗口弹出、定时关闭、自适应内容&hellip ...
前几天发了一个pc版的弹窗插件xyPop, 今天就发个移动版的,这个也是基于pc版进行开发的,并且可以自适应内容、自定义多个按钮及按钮事件可以应用到您的手机网站上,
功能: 支持锁定屏幕(遮罩)、模拟alert和confirm、多窗口弹出、定时关闭、自适应内容……
1、配置参数:
2、调用极其简单(调用方式和pc版的差不多):
/* 1.===原始方法调用 (object模式) */xyPop({ id: "pop_msg", title: "弹窗提醒", content: "提示:数据请求成功,正等待服务器回应!", lock: 0, type: "success", btn: ["同意","不同意","无效按钮", "关闭"], btn1: function(){ //alert("同意"); xyPop("我只是一个简单的提示!"); }, btn2: function(){ alert("我是关闭执行"); }, btn3: function(){ xyPop("我是两个参数调用后的执行效果,确定要删除这条数据吗?", function(i){ xyPop.msg("恭喜,数据删除成功!", {type: "success", lock: 1}); }); }, btn4: function(i){ alert("关闭"); }, fixed: true}); /* 2.===原始方法调用 (简单调用) */ xyPop("我是一个参数测试【信息内容】!"); //---两个参数: xyPop("我是二个参数测试【信息内容+图标】!", {type: "error"}); xyPop("我是二个参数测试【信息内容+执行函数】,确定要删除这条数据吗?", function(){ xyPop("调用后的执行效果,数据删除成功!"); }); //---三个参数: xyPop("我是三个参数测试【信息内容+图标+执行函数】确定要编辑这条数据吗?", {type: "confirm",lock:1}, function(){ xyPop("调用【图标+执行函数】后的结果!"); });/* 3.===xyPop.msg调用 */ xyPop.msg("只是简单的提示!"); xyPop.msg("只是【附带参数】简单的提示!", {type:"success", lock:1}); xyPop.msg("只是【附带参数】简单的提示!", function(){ xyPop("附带参数提示成功!", "success"); }); xyPop.msg("您觉得这个图片很漂亮吗", { time: 0 ,bottom: true ,type: 'confirm' ,btn: ['必须啊', '丑到爆'] ,btn1: function(){ xyPop.msg('雅蠛蝶 O.o', { time: 0 ,bottom: true ,btn: ['按钮1','按钮2','按钮3'] ,btn1: function(_i){ xyPop("3s后关闭窗口!!!", 3); } ,btn3: function(_i){ _i.close(); //这里可以调用本身关闭 } }); } });
原标题:移动端弹窗、手机网站提示框、mobile版弹层
关键词:
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。