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. |
Callback functions
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. |
Methods
Global Method:$.window.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 |