This demo is (by motivation) functional rather than beautiful -- use CSS to tart it up.
A small auto-close tooltip style popup.
A draggable click-to-close popup.
A second draggable click-to-close popup to demonstrate overlapping popus.
An image preview click-to-open modal popup.
Stacked modal message boxes.
DOM Popup webpage: http://www.methods.co.nz/popup/popup.html
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...
This popup auto-opens and auto-closes.
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...
This popup auto-opens but is manually closed.
Drag anywhere on this popup to move it.
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...
This popup auto-opens but is manually closed.
Use the drag handle element to drag it.
You can have nested popups.
Close (clicking the image also closes)
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...
This popup auto-opens and auto-closes.
Close (clicking the image also closes)
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...
Modal popups can be stacked, click here to open another modal popup.
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...