login and signup 注册和登录tab页面_html/css_WEB-ITnose

login and signup 注册和登录tab页面

演示

 

JavaScript Code

1. <script> </script>
2. $(document).ready(function()  
3. {  
4.       
5. $(".tab").click(function()  
6. {  
7. var X=$(this).attr('id');  
8.    
9. if(X=='signup')  
10. {  
11. $("#login").removeClass('select');  
12. $("#signup").addClass('select');  
13. $("#loginbox").slideUp();  
14. $("#signupbox").slideDown();  
15. }  
16. else  
17. {  
18. $("#signup").removeClass('select');  
19. $("#login").addClass('select');  
20. $("#signupbox").slideUp();  
21. $("#loginbox").slideDown();  
22. }  
23.    
24. });  
25.   
26. });  
27.   

 

XML/HTML Code

1.   
2.   
3.   
4. Signup  
5. Login  

  

  

Login Form

  

Singup Form