How to show a popup contact us page with jquery

December 08, 2013

How to show a popup contact us page with jquery
Code:
<!DOCTYPE html>
<html>
    <head>
        <meta charset='utf-8'/>
        <title>Example : a popup contact form using jQuery and ColorBox plugin </title>

        <link rel="stylesheet" href="http://www.formmail-maker.com/var/demo/jquery-popup-form/colorbox.css" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script src="http://www.formmail-maker.com/var/demo/jquery-popup-form/jquery.colorbox-min.js"></script>

        <script>
            $(document).ready(function(){
                $(".iframe").colorbox({iframe:true, fastIframe:false, width:"450px", height:"480px", transition:"fade", scrolling   : false});
            });
        </script>
     
     
        <style>
            #cboxOverlay{ background:#666666; }
        .f {
color: #0F0;
}
        .f {
font-family: Arial, Helvetica, sans-serif;
color: #900;
}
        body,td,th {
color: #000;
}
        body {
background-color: #0F9;
}
        </style>
         </head>
   <body>
   <h4 align="center" class="f">A Popup Email Form Demonstration</h4>
   <p align="center">&nbsp;</p>
        To make a popup form is easy. All you need is to make a form at <a href="http://www.formmail-maker.com">formmail-maker.com</a>, then use jQuery and ColorBox plugin to make it pop.
    <p /><p />
        <p><h3>Click here for the popup form demo : <a class='iframe' href="http://www.formmail-maker.com/var/demo/jquery-popup-form/form.php">Contact Us</a></h3></p>

</body>
</html>

Screen Shot:


                                      





You Might Also Like

1 comments

Popular Posts

Like us on Facebook

Flickr Images