<!doctype Html>"Utf-8"><meta http-equiv="x-ua-compatible"Content="ie=edge,chrome=1"><meta name="Viewport"Content="Width=device-width, initial-scale=1"><title>jquery dialog Box </title><Basetarget="_blank"/><link href="Http://hovertree.com/texiao/jquery/34/css/normalize.css"Rel="stylesheet"Type="Text/css"><link rel="stylesheet"href="Http://hovertree.com/texiao/jquery/34/css/animate.min.css"><link rel="stylesheet"href="Http://hovertree.com/texiao/jquery/34/css/jquery.gDialog.css"><style>button {border:0;}. container {margin:50px Auto;max-Width:728px;text-Align:center;font-family:arial;}. btn {background-color: #ED5565; color: #fff;p adding:20px;margin:10px 30px;border-Radius:5px;border-bottom:3px solid #DA4453;}</style>class="Container">class="btn demo-1">alert Dialog</button><buttonclass="btn demo-2">prompt Dialog</button><buttonclass="btn demo-3">prompt Dialog</button></div><script type="Text/javascript"Src="Http://hovertree.com/ziyuan/jquery/jquery-2.2.1.min.js"></script><script type="Text/javascript"Src="Http://hovertree.com/texiao/jquery/34/js/jquery.gDialog.js"></script><script type="Text/javascript">$('. Demo-1'). Click (function () {$.gdialog.alert ("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse libero erat, scelerisque sit amet dolor nec, Euismod feugiat massa.", {title:"Alert dialog Box", Animatein:"Bouncein", Animateout:"Bounceout"});}); $('. Demo-2'). Click (function () {$.gdialog.prompt ("Your website","hovertree.com", {title:"Prompt dialog box", Required:true, Animatein:"RollIn", Animateout:"RollOut"});}); $('. demo-3'). Click (function () {$.gdialog.confirm ("Is you sure?", {title:"Confirm dialog Box", Animatein:"Bounceindown", Animateout:"Bounceoutup"});});</script></body>jquery dialog box