Getting started with Layer

I. Notes

1. jquery needs to be imported to the page (version 1.9 + (recommended); otherwise, the form cannot be closed or other exceptions will occur)

II. Information Box

1. A simple form (with an icon) is displayed)

1 layer. Alert (MSG, icon, FN );

Icon value (0-16 ):

0	Warning
1	Correct (√)
2	Error (×)
8	Crying
9	Smiling face

2. Ask for a pop-up window

1 layer. confirm (MSG, yes, no); 2 // yes: Click OK callback function. If no message is processed, the callback function is disabled. 3 // No: click Cancel callback function, the message box is automatically closed if it is not processed

3. No icon, no close button, pop-up window

1 layer. MSG (MSG, time, Parme); 2 time: close time 3 when Parme is an object, you can configure {type: icon, Shade: whether to enable mask (true by default ), rate: the animation type that appears. For details, see layer. shift parameter description} 4 when Parme is a function, it will be called back as the end after the layer disappears. 5 when Parme is a number, it will be used as the MSG icon type.

3. Page Layer

1 var pagei = $. layer ({2 type: 1, // 0-4 selection, // page Layer 3 title: false, // do not Title 4 Border: [0], // border 5 closebtn: [0], // No close button (1: With close button) 6 shadeclose: True, // Click Block layer to close Form 7 area: ['460px ', '280px '], // 8 shift: 'top' in width and height, // 9 page: {10 HTML:' <\ Div style = "width: 460px; height: 280px; Background-color: #81ba25; color: # FFF; "> <\ Div style =" padding: 20px; "> input any HTML element <\/div> '// here, HTML Parsing is prevented and \ escape is used, in actual use, you can remove 11} 12 pagetwo: {DOM: '# pageidname'} 13 });

Iv. Framework Layer

1 $. layer ({2 type: 2, // frame layer 3 IFRAME: {SRC: 'http: // url.cn/raejzy'} // specify to open page 4 });

V. Loading Layer

// [Load without text] layer. Load (3); // [add with text] layer. Load ('add with text', 3 );

Vi. Tips

Not recorded at the moment

 

 

 

 

Reprinted please mark the source, otherwise the author must be held legally responsible URL: http://www.cnblogs.com/menu/p/3910262.html