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 |