<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> input:focus,textarea:focus { border:1px solid #f00; background:#fcc; } .focus { border:1px solid #f00; background:#fcc; } </style> </head> <body> <form action="#" method="post" id="regForm"> <fieldset> <legend>我的基本信息</legend> <div> <label for="username">名稱:</label> <input type="text" id="username"/> </div> <div> <label for="pass">密碼:</label> <input type="password" id="pass"/> </div> <div> <label for="msg">詳細信息:</label> <textarea rows="3" cols="5" id="msg"></textarea> </div> </fieldset> </form> <script type="text/javascript"> $(function () { $(":input").focus(function () { $(this).addClass("focus"); }).blur(function () { $(this).removerClass("focus"); }); }); $(function () { $('.bigger').click(function () { if (!$comment.is(":animated")) { if ($comment.height() < 500) { $comment.animate({height:"+=50"},400); } } }); }); </script> </body> </html>