1、源码如下
multiplication.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>乘法表</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="Scripts/jquery-2.0.2.js"></script>
<style type="text/css">
.body_class{
50%;
height: 60%;
font-size: 16px;
background-color: #FFE4E1;
font-family: serif sans-serif cursive fantasy;
font-weight: bold;
}
</style>
<script type="text/javascript">
$(function(){
//调用乘法表函数
mulTable();
//设置整体背景色
$("*").css("background-color","#FFE4E1");
//设置宽度
$("*").css("width","100%");
//设置字体大小
$("*").css("font-size","24px");
//设置字体粗细
$("*").css("font-weight","bold");
//设置字体颜色
$("*").css("color","#000800");
});
function mulTable(){
var one;//乘数
var two;//被乘数
for(one=1;one<=9;one++)
{
for(two=1;two<=one;two++)
{
document.write(one);
document.write('*');
document.write(two);
document.write('=');
document.write(one*two);
document.write(' ');
}
document.write('<br/>');
document.write('<hr/>');//设置水平线
}
}
</script>
</head>
<body class="body_class">
</body>
</html>
2、结果如下图