用js实现的生肖查询的代码

效果图:

演示代码:

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>生肖查询</title> <style type="text/css"></style> <SCRIPT language=JavaScript></SCRIPT> </head> <table width="760" height="22" border="1" align="center" cellpadding="1" cellspacing="0" bordercolor="#aaaaaa" bordercolordark="#ffffff"> <tbody> <tr> <td height="20" align="center"><table width="100%" border="0"> <tr> <td width="54%"><b><font color="#424242"><strong><font color="#424242">目前位置>>首页></font></strong></font>实用查询>生肖查询</b></td> <td width="46%"> </td> </tr> </table></td> </tr> </tbody> </table> <table width="760" border="0" align="center" cellspacing="0"> <tr> <td width="760" height="10"></td> </tr> </table> <span class="style2"> 生肖查询</span> <P align=center> <FORM name=frm> 生于：   <INPUT size=4 value=1986 name=inyear>   年   <INPUT onclick=getpet（） type=button value=查看生肖>    属：  <INPUT size=3 name=birth></FORM><TR> <TD width="100%" height="6" align="center" bgcolor="#FFFFFF"><FONT color=#ff0000>  </TD> </TR> <TR> <TD align="center" height="5" width="100%"> </TD> </TR></P> <span class="style1">当然没有人回忘记自己属什么。。但是你可以很轻松得知道任何年份出世得人的属相。。填入查询出生在哪一年，例如:"1986"</span> <br/> </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]