图片数字型的九九乘法表

在jsp页面输出

样式

<style>
img{
  width:20px;
  height:20px;
}
</style>

这里的是java代码

<body>
<%
out.print("<table >");
for(int i = 1; i <= 9; i ++) {
	out.print("<tr>");
	for(int j = 1; j <= i; j ++) {
		out.print("<td width='200px'><img src='img/"+ j +".png'>" + "<img src='img/x.png'>" + 
		"<img src='img/" + i +".png'>" + "<img src='img/deng.png'>");
		if(i * j >= 10) {
			out.print("<img src='img/"+ (j * i) / 10 + ".png'>");	
		}
		out.print("<img src='img/"+ (j * i) % 10 + ".png'></td>");
		//out.print(" &nbsp");
	}
	out.print("</tr>");
	//out.print("<br>");
}
out.print("</table>");
%>
</body>

 结果如下图显示:

posted @ 2018-06-30 15:22  言简义丰  阅读(312)  评论(0编辑  收藏  举报