1、ui-fox.windows
This is a simple modal window Library
Options
| Options | Default | Allowed | Description |
|---|---|---|---|
| width | 'auto' | Please enter a number | Change the width of modal box. (Please enter a number.) |
| height | 'auto' | Please enter a number | Change the height of modal box. (Please enter a number.) |
| top | 'auto' (50%) | Please enter a number | Change the top position of modal box. (Please enter a number.) |
| left | 'auto' (50%) | Please enter a number | Change the left position of modal box. (Please enter a number.) |
| title | '' | Please enter a string | Change the title of modal box. (Please enter a string.) |
| url | '' | Please enter a link address | Load document by a link address in modal box.(Please enter a string.) |
| color | '#000000' | Please enter a color string | Change the mask layer's color of modal box.(Please enter a color string.) |
| speed | 1000(ms) | Please enter a number | Change the mask layer appeared speed of modal box. |
| opacity | '' | Please enter a floating point number between 0-1. | Change the mask layer's opacity of modal box. |
| showClose | true | true|false | Whether to show the close button of modal box. |
| closeByEsc | true | true|false | Allow the user to close the modal box by pressing 'ESC' |
| closeByBody | true | true|false. | Allow the user to close the modal box by clicking outside of modal box. |
| Functions | Description |
|---|---|
| onOpen | This callback function will be fired just after modal box is successfully open. |
| onClose | This callback function will be fired just after modal box is successfully close. |
| Method | Arguments | Description |
|---|---|---|
| close | true|false | Close all currently opened modal box. Called by $.window.close().. |
2、ui-fox.Image
This is a simple Image scaling Library
| Options | Default | Allowed | Description |
|---|---|---|---|
| id | '' | Please enter a string | the selector of the images |
| width | 'auto' | Please enter a number | Set the width of the image.. (Please enter a number.) |
| height | 'auto' | Please enter a number | Set the height of the image. (Please enter a number.) |
| loading | '' (50%) | Please enter a address of the loading image | Set the the loading image |