如何用javascript写下面的东西啊?刚入门的,求大神教教
2个回答
展开全部
请先根据我的提示写,代码迟点给出--现在先占个位。
图一:核心是双循环,和里循环中睁蚂有一个判断语句判断里循裂闹环的变量是否悉源埋大于等于外循环的变量。即选用的元素是{document.write();for();if();<table><tr><td>}
图二:核心是获取最下面一个的中间数,每行输出递减一次。即选用(document.write();for();if();&nbps;)
图三:最简单。用document.write()动态写一个表格。通过一个判断来写里样式表。即
document.write("<td style=\"background-color:#RGB\"></td>");<-样例。
代码出现:
<style>
td{width:30px;height:10px; text-align:center;}
#cB td{width:50px;height:50px;}
</style>
<script>
function multi()
{
for(var rows=1;rows!=10;rows++)
{
document.write("<tr>")
for(var cols=1;cols!=10;cols++)
if(cols>rows)
document.write("<td></td>")
else
document.write("<td>"+rows*cols+"</td>");
document.write("</tr>");
}
}
function pyramid()
{
var base=10;
for(var i=0;i!=11;i++)
{
for(var sp=0;sp!=base-i;sp++)
document.write(" ");
for(var it=0;it!=i;it++)
document.write("* ");
document.write("<br />");
}
}
function colorBlock()
{
var color;
for(var i=0;i!=8;i++)
{
document.write("<tr>");
for(var j=0;j!=8;j++)
{
color=(i+j)%2>0?"#FFF":"#000";
document.write("<td style=\"background-color:"+color+"\"></td>");
}
document.write("</tr>");
}
}
</script>
<body>
<table border="1">
<script>multi()</script>
</table>
<hr />
<script>pyramid()</script>
<hr />
<table id="cB" cellpadding="0" cellspacing="0" border="1">
<script>colorBlock()</script>
</table>
</body>
图一:核心是双循环,和里循环中睁蚂有一个判断语句判断里循裂闹环的变量是否悉源埋大于等于外循环的变量。即选用的元素是{document.write();for();if();<table><tr><td>}
图二:核心是获取最下面一个的中间数,每行输出递减一次。即选用(document.write();for();if();&nbps;)
图三:最简单。用document.write()动态写一个表格。通过一个判断来写里样式表。即
document.write("<td style=\"background-color:#RGB\"></td>");<-样例。
代码出现:
<style>
td{width:30px;height:10px; text-align:center;}
#cB td{width:50px;height:50px;}
</style>
<script>
function multi()
{
for(var rows=1;rows!=10;rows++)
{
document.write("<tr>")
for(var cols=1;cols!=10;cols++)
if(cols>rows)
document.write("<td></td>")
else
document.write("<td>"+rows*cols+"</td>");
document.write("</tr>");
}
}
function pyramid()
{
var base=10;
for(var i=0;i!=11;i++)
{
for(var sp=0;sp!=base-i;sp++)
document.write(" ");
for(var it=0;it!=i;it++)
document.write("* ");
document.write("<br />");
}
}
function colorBlock()
{
var color;
for(var i=0;i!=8;i++)
{
document.write("<tr>");
for(var j=0;j!=8;j++)
{
color=(i+j)%2>0?"#FFF":"#000";
document.write("<td style=\"background-color:"+color+"\"></td>");
}
document.write("</tr>");
}
}
</script>
<body>
<table border="1">
<script>multi()</script>
</table>
<hr />
<script>pyramid()</script>
<hr />
<table id="cB" cellpadding="0" cellspacing="0" border="1">
<script>colorBlock()</script>
</table>
</body>
追问
谢谢,我会慢慢研究透的
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |