Smart Animated Popup is a jQuery powered plugin for creating normal or modal popups with custom positioning, popup open/close animation effect, customized overlay and popup looks, tons of settings. And it’s responsive.
Plugin has wide range of settings you can use to open and close popups, style them and animate them. Popups are responsive.
List of most important features
- Responsive popups
- Accessibility support
- 25 transition and animation effects
- 4 popup styles
- Control over modal overlay
- Modal popup support
- Modify popup position
- Popup header and footer
Options to setup automatical opening and closing of popupsPlugin has several methods for opening and closing. Popup can be opened on page load (with custom delay), when mouse leaves the page viewport or when mouse moves to the browser top controls. As for closing, popup can be closed after specified delay.
Great looking animation effects to open and close popupPlugin has over 20 animation/transition effects CSS3 powered. More effects will be added in future versions.
- Apply random effect on page load
- Control transition speed / length
- 21 transition based effects
- 4 keyframe animation effect
Controls for the modal popup overlayPlugin allows you to control overlay used for modal popups, including overlay color and opacity and speed to show and hide the overlay.
Custom styling for popup and different ways to add contentPlugin has 4 styles built in for the popup. More will be added in future versions. But, styles are easy to customize, and you can build your own styles. You can also control content that can be added into popup header and footer and replace standrad title and close button. Plugin package has example for this.
Easy to control with functions and callback hooksPlugin can be controlled from your custom code. Plugin package contains examples for using both functions and callback hooks.
- Functions to open and close popup from code
- Callbacks before and after open and close methods
- Get current popup status (opened or closed)
- Includes PDF documentation in docs folder
Version 1.5 / 2017.04.29.
- New: Accessibility support: option for role (dialog)
- New: Accessibility support: various ARIA elements
- New: Accessibility support: alternative close buttons labels
- New: Option to change heading tag for dialog title
- New: Additional options for main elements tag attributes
- Edit: Improved CSS minification process
Version 1.2 / 2015.03.02.
- Edit: Some minor code optimization
- Edit: Updated plugin documentation
- Fix: Effect ‘None’ was behaving as transition