<!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>