如何用js做一个九九乘法表隔行换色开关机制
2个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> 9X9 乘法表 打印</title>
<style type="text/css">
.container{border-left: 1px solid red ;border-bottom: 1px solid red;width: 639px}
.c{width:70px;display: inline-block; border: 1px solid red;line-height: 30px;height: 30px;text-align: center;border-bottom: none;border-left: none}
.rowj{color: #000;}
.rowo{color:red;}
</style>
<script type="text/javascript">
function Nn(){
document.write("<div class='container'>")
for(var i=1;i<=9;i++){
document.write("<div class='row"+((i%2)==0?'o':'j')+"'>");
for(var j=1;j<=i;j++){
document.write("<span class='c'>"+(j + "X" + i) + "="+ (i*j) + "</span>");
}
document.write("</div>")
}
document.write("</div>");
}
Nn();
</script>
<body>
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询