如题所述
<!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>
<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>
温馨提示:答案为网友推荐,仅供参考
第1个回答 2016-08-23
传入参数
变色就是 行数 当 rownum%2==0 变色
变色就是 行数 当 rownum%2==0 变色