Bootstrap Modal

  1.     <h3>Modal Example</h3>  
  2.     <a href="#myModal1" role="button" class="btn" id="launch">Launch Login</a>  
  3.   
  4. <div id="myModal1" class="modal hide" tabindex="-1" role="dialog">  
  5.            <div class="modal-header">  
  6.                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>  
  7.                <h3>Login</h3>  
  8.            </div>  
  9.            <div class="modal-body">  
  10.                <label>User Name</label>  
  11.                <input placeholder='Username'/><br/>  
  12.                 <label>Password</label>  
  13.                <input placeholder='Password'/>  
  14.   
  15.            </div>  
  16.            <div class="modal-footer">  
  17.                <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>  
  18.                <button class="btn btn-primary">Login</button>  
  19.            </div>  
  20.        </div>  
  1. $("#launch").click(function(){  
  2.     $("#myModal1").modal('show');  
  3. });