<!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <style> .menu { list-style: none; } .menu li{ width: 100px; float: left; background-color: #0FF; color:#039; cursor: pointer; } .menu li:hover{ background-color:#9F0; } .div_registry{ position: absolute; left: 100px; top: 200px; } </style> <script src="../jquery-2.1.1.min.js"></script> <script> $(document).ready(function(e) { $('.bt').click(function(e) { var lb = $(this).html(); switch(lb){ case 'Registry': $('#login').slideUp(500); $('#rigistry').slideDown(500); break; case 'Back': $('#rigistry').slideUp(500); $('#login').slideDown(500); break; } }); $('li').click(function(e) { var lb = $(this).html(); switch(lb){ case 'Home': $('.div_registry').slideUp(500); break; case 'Login': $('#rigistry').slideUp(500); $('#login').slideDown(500); $('.div_registry').slideDown(500); break; } }); }); </script> </head> <body> <ul class=menu> <li>Home</li> <li>Login</li> </ul> <div class="div_registry" style="display: none"> <div id="login" style="display: none"> <form name="login"> <table> <tr><td>User Name</td><td><input type="text" name="username"></td></tr> <tr><td>Password</td><td><input type="password" name="password"></td></tr> <tr><td colspan="2"><button>Login</button> <button type="button" class="bt">Registry</button></td></tr> </table> </form> </div> <div id="rigistry" style="display: none"> <form name="application"> <table> <tr><td>User Name</td><td><input type="text" name="username"></td></tr> <tr><td>Password</td><td><input type="password" name="password"></td></tr> <tr><td>RePassword</td><td><input type="password" name="repassword"></td></tr> <tr><td colspan="2"><button>Save</button><button type="button" class="bt">Back</button></td></tr> </table> </form> </div> </div> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง