login and signup 注册和登录tab页面 演示 JavaScript Code $(document).ready(function() { $(".tab").click(function() { var X=$(this).attr('id'); if(X=='signup') { $("#login").removeClass('select'); $("#signup").addClass('select'); $("#loginbox").slideUp(); $("#signupbox").slideDown(); } else { $("#signup").removeClass('select'); $("#login").addClass('select'); $("#signupbox").slideUp(); $("#loginbox").slideDown(); } }); }); XML/HTML Code Signup Login Login Form Singup Form CSS コード </li> <li>body </li> <li>{ </li> <li> font-family:Arial、Helvetica、sans-serif; </li> <li> font-size:12px; 背景色:#333; </li> <li>} </li> <li>#container </li> <li>{ </li> <li> 幅:350px </li> <li>} </li> <li>#tabbox </li> <li>{ </li> <li> 高さ:40px </li> <li>} </li> <li>#panel </li> <li>{ </li> <li> background-color:#aaa; </li> <li> 高さ:300ピクセル; </li> <li> </li> <li>} </li> <li>.tab </li> <li>{ </li> <li>background: #ccc; </li> <li>表示: ブロック; </li> <li>高さ: 40ピクセル; </li> <li>line-height: 40px; </li> <li>text-align: 中央; </li> <li>幅: 80ピクセル; </li> <li>float: そうそう; </li> <li>font-weight: 太字; </li> <li>-webkit-border-top-left-radius: 4px; </li> <li>-webkit-border-top-rightright-radius: 4px; </li> <li>-moz-border-radius: 4px 4px 0px 0px; </li> <li>} </li> <li>a </li> <li>{ </li> <li>color: #000; </li> <li>マージン: 0; </li> <li>パディング: 0; </li> <li>テキスト装飾: なし。 </li> <li>} </li> <li>.signup </li> <li>{ </li> <li> margin-left:8px; </li> <li> </li> <li>} </li> <li>.select </li> <li>{ </li> <li> background-color:#aaa; </li> <li> </li> <li>} </li> <li>#loginbox </li> <li>{ </li> <li> 高さ:300px; </li> <li> パディング:10px; </li> <li>} </li> <li>#signupbox </li> <li>{ </li> <li> 高さ:300px; </li> <li> パディング:10px; </li> <li> 表示: なし。 </li> <li>} </li> <li> </li> <li> </li> <li> 原文地址: http://www.freejs.net/article_biaodan_142.html
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
