用jquery只能用一次for循环不能有if写出100个方块以10乘10的矩阵排列出来，有人给个代码参考下吗？ 200
展开全部
<style type="text/css">
.a
{
width:100px;
height:100px;
}
.a div
{
width:8px;
height:8px;
border:1px solid #000;
float:left;
}
</style>
<script language="javascript" type="text/javascript" src="jquery.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$(".a").html("");
for(var i=0;i<100;i++)
{
$(".a").append("<div></div>"); //循环100次 用外层div，即class="a"控制div横排的个数
}
})
</script>
<body>
<div class="a"></div>
</body>
class="a"的div 只有100px宽 并设置里面的div宽8px+两个border:1px = 10px的小div 让其float:left; 就会横排
当第11个小div添加进去后 第一排放不下 自然会自动跳到第二排 这样就实现了10*10的矩阵
.a
{
width:100px;
height:100px;
}
.a div
{
width:8px;
height:8px;
border:1px solid #000;
float:left;
}
</style>
<script language="javascript" type="text/javascript" src="jquery.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$(".a").html("");
for(var i=0;i<100;i++)
{
$(".a").append("<div></div>"); //循环100次 用外层div，即class="a"控制div横排的个数
}
})
</script>
<body>
<div class="a"></div>
</body>
class="a"的div 只有100px宽 并设置里面的div宽8px+两个border:1px = 10px的小div 让其float:left; 就会横排
当第11个小div添加进去后 第一排放不下 自然会自动跳到第二排 这样就实现了10*10的矩阵
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
dfhgerfgswyg
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
bn vbdfbg
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
cvbdfsr
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用方块排列出一个圆，那就不是矩阵了啊？你的意思是要重新排列方块么？
追问
是2个问题的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
