Key: Value |
Describe |
skin:0 |
The skin number of the layer, and the value is the integer type. Currently, only one skin is provided by default, and you can configure this parameter when you add skins according to the style rules (see SKIN/LAYER.CSS). |
type:0, |
The type of the layer. 0: Information box (default), 1: page layer, 2:iframe layer, 3: Load layer, 4:tips layer. This is an important parameter, the total switch for different types of layer types, which must be set when called. |
Shade: [0.5, ' #000 ', true] |
Controls the mask. 0.5: Matte Transparency, ' #000: Matte color, true: Matte (No: false) |
Shadeclose:false |
Used to control whether the click Mask area closes the layer. (yes: true). |
Fix:true, |
Whether the layer is fixed in the viewable area. No: false |
Move: ['. Xubox_title ', true] |
The control layer is dragged and dragged. '. Xubox_title ': Drag-and-drop binding Event element Selector (default = title bar), True: Allow Drag (no: false) |
Title: [' message ', true] |
Controls the title bar. ' Info ': Title bar text, true: whether the title bar is displayed (No: false) |
Offset: [' 220px ', ' 50% '] |
The control layer coordinates. ' 220px ': Ordinate, ' 50% ': horizontal axis. It is important to note that pixels must be in px units, and percentages are not required. The flexible use of this parameter can help you achieve many special effects. |
Area: [' 310px ', ' auto '] |
Control layer width is high. ' 310px ': wide, ' auto ': High. When set to auto, it means adaptive and of course, for width, this is not recommended. |
CLOSEBTN: [0, True] |
The upper-right corner of the control layer closes the button. 0: Off button style (1: Style 2), when the title bar does not exist, automatically switch to style 2. True: Whether the Close button is displayed (No: false) |
time:0 |
Automatically turns off wait seconds, integer values. Maybe it can help you do a lot of things, imagine it. |
border: [Ten, 0.3, ' #000 ', true] |
10: Border size, 0.3: Border transparency, ' #000: Border color, true: Whether the border is displayed (No: false). With it you can configure the border arbitrarily, such as you feel the border is unsightly, hurriedly enable [0,0, ', false] bar |
zindex:19891014 |
Control layer Stacking Order (Z-INDEX). Integer value, the default is Yin Xin's birthday. Set it up reasonably to avoid the level conflicts with other plugins |
maxwidth:400 |
The maximum width. Integer value. Used when the width is set to auto. |
FadeIn: [+, FALSE] |
The fade of the control layer. 300: Fade Frequency, false: whether to turn on fade (default does not turn on, true: on) always feel that this parameter is the same as a dummy. |
Dialog: { btns:1, btn: [' OK ', ' Cancel '], type:3, msg: ', yes:function (index) {}, No:functio N (Index) {}} |
The information frame layer mode provides the private parameters. When used, configure on demand Btns: The number of buttons. 0-2 options available BTN: [Text Value of button one, text value of button two] Type: Icon types, offers 0-10 choices, maybe there's something you like. msg: Information box content, important parameters Yes: callback function for Button one No: callback function for button two |
Page: {dom: ' #xulayer ', HTML: '} |
Page layer mode private parameters. DOM: the selector (class or ID, recommended with ID, to ensure uniqueness) for the HTML fragment to be popped. It is important to note that HTML precedence is higher than DOM, which means that when you configure the non-null value of the HTML, it takes precedence over the elements in the HTML, and does not support the adaptive mode of area, you must configure the width high value. The HTML parameter is layer-v1.5.1 start new. |
IFrame: {src: ' http://sentsin.com '} |
The IFRAME layer mode private parameter. src: the URL to open. The usage rate is very high, especially for students who like to use IFRAME. |
Loading: {type:0} |
The load layer private property. Type:loading icon Type (offers a choice of 0-3, try it and see if there are any you like). Commonly used with Ajax |
Tips: { msg: ', follow: ', Guide:0,style: [' tips ' custom style ', ' Triangle color '} |
Tips Tips Layer Private properties. MSG: Hint content, follow: Trigger event corresponding selector. Guide: Direction (0: Up and down, 1: About). [Custom Style example] style: [' Color: #000; border:1px solid #FF9900 ', ' #FF9900 ']]. layer-v1.5.1 began, the tips gradually have a more comprehensive support, provide up and down and left and right mode, can intelligently identify the direction of guidance. |
Success:function (layer) {} |
callback function after a successful layer popup |
Close:function (index) {} |
The callback function of the Close button in the upper right corner of the layer. |
End:function () {} |
The callback function that is executed after the layer is completely closed. Its presence makes the close callback a cloud. |