Sunday, May 24, 2015

Creating a modal popup using HTMl CSS and JQUERY

A modal is a pop up within a web page that overlays over all other content and focuses the reader's attention. A modal is often opened based on user interaction, such as clicking a button. This recipe will show you how to create a simple modal that is opened at the pressing of a button and can be closed from within the modal. The HTML creates the basic web page and code to create the modal. The modal itself consists of a main modal container, a header, a body, and a footer. The footer contains the actions, which in this case is the OK button, the header holds the title and the close button, and the body contains the modal content.
Step : 1 HTML

Step : 2 CSS

Step : 3Download jquery library file and link inside head section.
Step : 4 JQUERY

1 comment:

Copyright © All rights reserved