document.write('解析：
本题旨在考察面试者对 HTML5 的了解和使用，只要如实地说出自己做过的
一个效果就好。但要注意，介绍时要描述清楚效果，以及实现该效果所运用到的
属性方法等。
下面是一个简单的例子。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title> 一款带有发光动画的 HTML5 表单 </title>
<script>
$(function(){
var $form_inputs = $(\'form input\');
var $rainbow_and_border = $(\'.rain, .border\');
/* Used to provide loping animations in fallback mode */
$form_inputs.bind(\'focus\', function(){
$rainbow_and_border.addClass(\'end\').removeClass
(\'unfocus start\');
});
$form_inputs.bind(\'blur\', function(){
$rainbow_and_border.addClass(\'unfocus start\').
removeClass(\'end\');
});
$form_inputs.first().delay(800).queue(function() {
$(this).focus();
});
});
</script>
</head>
<body id="home">
<div class="rain">
<div class="border start">
<form>
<label for="email">Email</label>
<input name="email" type="text"
placeholder="Email"/>
<label for="pass">Password</label>
<input name="pass" type="password"
placeholder="Password"/>
<input type="submit" value="LOG IN"/>
</form>
</div>
</div>
<div style="width:640px;margin:10px auto 20px auto;
padding:0 0 0 380px;overflow:hidden">
<!-- JiaThis Button BEGIN -->
<div id="jiathis_style_32x32">
<a class="jiathis_button_qzone"></a>
<a class="jiathis_button_tsina"></a>
<a class="jiathis_button_tqq"></a>
<a class="jiathis_button_renren"></a>
<a class="jiathis_button_kaixin001"></a>
<a class="jiathis_counter_style"></a>
</div>
</div>
<div style="font-size:18px;text-align:center;padding:0 0
20px 0">
</div>
<!-- JiaThis Button END -->
</body>
</html>
');