思路:利用<table>来控制乘法表的格式,共9*9,但并不是每行都有9列,所以要用jsp编写双重for循环控制每行的列数.
效果图:
代码:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hello JSP</title>
</head>
<body>
<!-- 九九乘法表 -->
<table id="table1">
<%
for(int i=1;i<=9;i++)
{
%>
<tr> <!-- i行 -->
<%
for(int j=1;j<=i;j++)
{
%>
<td> <!-- j列 -->
<%
out.print(i+"*"+j+"="+(i*j));
%>
</td>
<%
}
%>
</tr>
<%
}
%>
</table>
</body>
<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
<script type="text/javascript">
$("#table1 tr:even").css("background-color","bisque");
$("#table1 tr:odd").css("background-color","#D6BCD6");
</script>
</html>