How to use jquery to pop up a small window (a registration page) Submit Form form
With jquery pop-up small window mainly used to do the registration page, is a small window can be written. The other part of the page is gray, not writable, how this effect can be achieved. Can be achieved by Dreamweaver CC.
Add code:
amp; $nbsp;
amp; $nbsp;
Pop-up tips </title$amp;>amp; $nbsp;
amp; $nbsp;
- {margin:0;padding:0;font-size:12px;}
html,body {height:100%;width:100%;} Content {background: #f8f8f8;p adding:30px;height:100%;} content A {font-size:30px;color: #369; font-weight:700;} Alert {border:1px solid #369; Width:300px;height:150px;background: #e2ecf5; z-index:1000;position:absolute; Display:none;} alert h4 {height:20px;background: #369; color: #fff;p adding:5px 0 0 5px;} Alert h4 span {float:left;} alert h4 span#close {margin-left:210px;font-weight:500;cursor:pointer;} alert p {padding:12px 0 0 30px;} Alert p input {width:120px;margin-left:20px;} Alert P INPUT.MYINP {border:1px solid #ccc; height:16px;} Alert P input.sub {width:60px;margin-left:30px;}
amp; $nbsp;
amp; $nbsp; Register amp; $nbsp; amp; $nbsp;
amp; $nbsp;
amp; $lt;span> now register amp; $lt; span id= "close" > Close amp; $lt;/h4$amp;>amp; $nbsp;
amp; $lt;label> user name amp; $lt; input type= "text" class= "MYINP" onmouseover= "this.style.border= ' 1px solid #f60 '" Onfoucs = "This.style.border= ' 1px solid #f60 '" onblur= "this.style.border= ' 1px solid #ccc '"/$amp;>amp; $lt;/p$amp;>amp;$ nbsp
AMP, $lt;label> password amp, $lt, input type= "password" class= "Myinp" onmouseover= "this.style.border= ' 1px solid #f60 '" onfoucs= "This.style.border= ' 1px solid #f60 '" onblur= "this.style.border= ' 1px solid #ccc '"/$amp;>amp; $lt;/p$amp; >amp; $nbsp;
AMP, $lt, input type= "submit" value= "register" class= "sub"/$amp;>amp; $lt; input type= "reset" value= "reset" class= "sub"/$amp; >amp; $lt;/p$amp;>amp; $nbsp;
amp; $nbsp;
How jquery designs Pop-up registration page forms