Mobile pop-up window, mobile website prompt box, mobile pop-up layer, pop-up window mobile

Mobile pop-up window, mobile website prompt box, mobile pop-up layer, pop-up window mobile

A few days ago, I released a pop-up window plug-in xyPop for the PC version. Today I am releasing a mobile version, which is also developed based on the PC version, you can also apply self-adaptive content, custom buttons, and button events to your mobile website,

Function: supports screen lock (mask), simulation of alert and confirm, multi-window pop-up, timed close, adaptive content ......

1. configuration parameters:

2. The call is extremely simple (the call method is similar to that of the PC version ):

/* 1. === original method call (object Mode) */xyPop ({id: "pop_msg", title: "pop-up notification", content: "prompt: Data Request successful, waiting for server response! ", Lock: 0, type:" success ", btn: [" agree "," disagree "," invalid button "," close "], btn1: function () {// alert ("agree"); xyPop ("I am just a simple prompt! ") ;}, Btn2: function () {alert (" I am disabling execution ") ;}, btn3: function () {xyPop ("I'm the execution result after two parameters are called. Are you sure you want to delete this data? ", Function (I) {xyPop. msg (" congratulations, the data is deleted successfully! ", {Type:" success ", lock: 1}) ;}, btn4: function (I) {alert (" disabled ") ;}, fixed: true});/* 2. === original method call (simple call) */xyPop ("I'm a parameter test [Information Content ]! "); // --- Two parameters: xyPop (" I'm a two-parameter test [information content + icon ]! ", {Type:" error "}); xyPop (" I'm a two-parameter test [information content + execution function]. Are you sure you want to delete this data? ", Function () {xyPop (" the execution result after the call. The data is deleted successfully! ") ;}); // --- Three parameters: xyPop (" I'm using three parameters to test [information content + icon + execution function] Are you sure you want to edit this data? ", {Type:" confirm ", lock: 1}, function () {xyPop (" result after calling [icon + execution function! ") ;});/* 3. === xyPop. msg call */xyPop. msg (" is just a simple prompt! "); XyPop. msg (" is just a simple prompt with parameters! ", {Type:" success ", lock: 1}); xyPop. msg (" is just a simple prompt with parameters included! ", Function () {xyPop (" with parameter prompt successful! "," Success ") ;}); xyPop. msg ("do you think this picture is beautiful?", {time: 0, bottom: true, type: 'Confirm', btn: ['mandatory ', 'Ugly start'], btn1: function () {xyPop. msg ('butterfly O. o', {time: 0, bottom: true, btn: ['button 1', 'button 2', 'button 3'], btn1: function (_ I) {xyPop ("Close the window after 3 S !!! ", 3) ;}, btn3: function (_ I) {_ I. close (); // you can call it to close itself here }});}});

3. mobile pop-up window: