SimpleModal is a lightweight jQuery Plugin which provides a powerful interface for modal dialog development. It gives beautiful overlay box with dark shade. SimpleModal gives you the flexibility to build whatever you can envision, while shielding you from related cross-browser issues inherent with UI development.
Styles can be applied through external CSS, the options object, or both. The CSS options for the modal overlay, container, and data elements are: overlayCss, containerCss and dataCss, all which take a key/value object of properties.
There are different kind of modals for different purposes.
Basic Modal Dialog
A basic modal dialog with minimal styling and without any additional settings. There are a few CSS attributes set internally by SimpleModal, however, SimpleModal relies mostly on external CSS for the look and feel.
A contact form built on SimpleModal. Demonstrates the use of the
onClose callbacks, as well as the use of Ajax with SimpleModal.
OSX Style Dialog
A modal dialog configured to behave like an OSX dialog. Demonstrates the use of the
onClose callbacks as well as a handful of options, and custom styling.