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"> </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:
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"> </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:
Thank You....Good post.
ReplyDelete