首页 > 网络编程 > JavaScript > javascript技巧 > js 生肖查询

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

2011-02-26 21:32:02 作者：

用js实现的生肖查询的代码，原理就是以1997年为参照值，取余运算，然后通过比较，获取相应出生年月的属相。

效果图:

演示代码:

<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">目前位置&gt;&gt;<a href="/" target="_self">首页</a>&gt;</font></strong></font><a href="/tools" target="_self">实用查询</a>&gt;生肖查询</b></td> 
<td width="46%">&nbsp;</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> 
<DIV align=center><span class="style2"> 
生肖查询</span></div> 
<P align=center> 
<FORM name=frm> 
<div align="center">生于：&nbsp;&nbsp; 
<INPUT size=4 value=1986 name=inyear> 
&nbsp;&nbsp;年&nbsp;&nbsp; 
<INPUT onclick=getpet() type=button value=查看生肖> 
&nbsp;&nbsp;&nbsp;属：&nbsp; 
<INPUT size=3 
name=birth> 
</div> 
</FORM><TR> 
<TD width="100%" height="6" align="center" bgcolor="#FFFFFF"><FONT color=#ff0000>&nbsp; </TD> 
</TR> 
<TR> 
<TD 
align="center" height="5" width="100%">&nbsp;</TD> 
</TR></P> 
<div align="center"><span class="style1">当然没有人回忘记自己属什么。。但是你可以很轻松得知道任何年份出世得人的属相。。填入查询出生在哪一年，例如:"1986"</span> 
</div> 
<p>&nbsp;</p> 
</body> 
</html>

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

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

您可能感兴趣的文章: