javascript动态生成100个div，每逢10就换一行。请问怎么计算div的TOP值，还有这个效果怎么实现。_百度知道
javascript动态生成100个div，每逢10就换一行。请问怎么计算div的TOP值，还有这个效果怎么实现。
//b://a:///zhidao/wh%3D450%2C600/sign=0fc229f2d/7e3ecff2476c56fbdcd100baa12b28.jpg" esrc="http<a href="http.baidu://b.jpg" esrc="http.baidu
麻烦了，大神
您的回答被采纳后将获得：
系统奖励20（财富值+经验值）+难题奖励10（财富值+经验值）+提问者悬赏5（财富值+经验值）
我有更好的答案
100个div从0开始编号（即0-99）;10) * div的height简言之就是每个div的左边距等于这个div的序号除以10的余数再乘以这个div的宽，则第n个div的Left = (n%10) * div的width第n个div的Top = parseInt(n&#47，假定编号的变量为n；每个div的上边距等于这个div的序号除以10的商再乘以这个div的高
&!DOCTYPE&HTML&&html&lang=&en-US&&&head&&meta&charset=UTF-8&&title&汪洋大海&/title&&style&type=&text/css&&&/style&&script&type=&text/javascript&& var&G&=&&&&{&&&&&&&&divs&:&[],&&&&&&& D&:&0,//&下0，左1，上2，右3&&&&&&& od&:&[],&&&&&&&& C&:&function&(i)&&&&&&& {&&&&&&&
var&div&=&document.createElement&(&#39;div&#39;); &&&&&&&&div.style.position&=&&#39;absolute&#39;; &&&&&&&&div.style.width&=&&#39;50px&#39;; &&&&&&&&div.style.height&=&&#39;50px&#39;; &&&&&&&&div.style.textAlign&=&&#39;center&#39;; &&&&&&&&div.style[&#39;line-height&#39;]&=&&#39;50px&#39;; &&&&&&&&div.style.backgroundColor&=&&#39;red&#39;; &&&&&&&&div.style.color&=&&#39;white&#39;; &&&&&&&&div.style.font&=&&#39;42px&Consolas&bolder&#39;; &&&&&&&&var&txt&=&document.createTextNode&(i); &&&&&&&&div.appendChild&(txt); &&&&&&&&return&&&&&&&& },&&&&&&&&I&:&function&(num)&&&&&&&&{ &&&&&&&&for&(&var&i&=&0;&i&&&&i++) &&&&&&&&{ &&&&&&&& var&div&=&this.C&(i);
&&&&&&&&this.divs.push&(div); &&&&&&&&} &&&&&&&&var&vb&=&document.createElement&(&#39;input&#39;); &&&&&&&&vb.setAttribute&(&type&,&&button&); &&&&&&&&vb.value&=&&自动生成一个V字形&; &&&&&&&&vb.onclick&=&function&() &&&&&&&&{
&&&&&&&&G.V&(); &&&&&&&&} &&&&&&&&this.vb&=& &&&&&&&&document.body.appendChild&(vb); &&&&&&&& &&&&&&&&var&btn&=&document.createElement&(&#39;input&#39;); &&&&&&&&btn.type&=&&#39;button&#39;; &&&&&&&&btn.value&=&&#39;按钮&#39;; &&&&&&&&btn.onclick&=&function&() &&&&&&&&{ &&&&&&&& G.T&(); &&&&&&&&} &&&&&&&&document.body.appendChild&(btn);&&&&&&&&},&&&&&&&&A&:&function&(divs,&isExists,&which)&&&&&&&&{&&&&&&&& if&(!isExists)&&&&&&&&&&&&{
&&&&&&&&for&(&var&i&=&0;&i&&&divs.&i++)
&&&&&&&&document.body.appendChild&(divs[i]); &&&&&&&& }&&&&&&&&&&&&}&&&&&&&& which&?&this.iExists&=&1&:&this.oExists&=&1;&&&&&&&&},&&&&&&&&V&:&function&()&&&&&&&&{ &&&&&&&&var&divs&=&G. &&&&&&&&for&(&var&i&=&0;&i&&&divs.length&/&2;&i++) &&&&&&&&{
&&&&&&&&divs[i].style.left&=&parseFloat&(divs[i].style.width)&*&i&+&&#39;px&#39;;
&&&&&&&&divs[divs.length&-&i&-&1].style.top&=&divs[i].style.top&=&parseFloat&(divs[i].style.height)&*&(i&+&1)+&&#39;px&#39;;
&&&&&&&&divs[divs.length&-&i&-&1].style.left&=&parseFloat&(divs[i].style.width)&*&(divs.length&-&i&-&1)&+&&#39;px&#39;; &&&&&&&&} &&&&&&&&G.A&(divs,&this.iExists,&true);&&&&&&&&},&&&&&&&&//&下，上，&靠上;&&左，右,&靠左&&&&&&&&//&点击顺序&下，左，上，右&&&&&&&&T&:&function&()&&&&&&&&{&&&&&&&& var&divs&=&G.&&&&&&&& switch&(G.D)&&&&&&&&&&&&{ &&&&&&&&&&&&case&0: &&&& &&&&&&&&for&(&var&i&=&0;&i&&&divs.length&/&2;&i++) &&&&&&&&&&&&&&&&{ &&&& &&&&&&&& divs[divs.length&-&i&-1].style.top&=&divs[i].style.top&=&parseFloat&(divs[i].style.height)&*&Math.floor(divs.length&/&2&-&i&+&1)&+&&#39;px&#39;; &&&& &&&&&&&&&&&&divs[i].style.left&=&parseFloat&(divs[i].style.width)&*&i&+&&#39;px&#39;; &&&& &&&&&&&&&&&&divs[divs.length&-&i&-&1].style.left&=&parseFloat&(divs[i].style.width)&*&(divs.length&-&i&-&1)&+&&#39;px&#39;; &&&&&&&&&&&&&&&&}
&&&&&&&&&&&& &&&&&&&&&&&&case&1: &&&&&&&&&&&& for&(&var&i&=&0;&i&&&divs.length&/&2;&i++) &&&& &&&&&&&&{ &&&&&&&&&&&&
divs[divs.length&-&i&-&1].style.left&=&divs[i].style.left&=&parseFloat&(divs[i].style.width)&*&i&+&&#39;px&#39;; &&&&
&&&&&&&&divs[divs.length&-&i&-&1].style.top&=&parseFloat&(divs[i].style.height)&*&(divs.length&-&i)&+&&#39;px&#39;; &&&&
&&&&&&&&divs[i].style.top&=&parseFloat&(divs[i].style.height)&*&(i&+&1)+&&#39;px&#39;; &&&& &&&&&&&&} &&&&&&&&&&&&
&&&&&&&&&&&&case&2: &&&&&&&&&&&& G.V&(); &&&&&&&&&&&&
&&&&&&&&&&&&case&3: &&&&&&&&&&&& for&(&var&i&=&0;&i&&&divs.length&/&2;&i++) &&&& &&&&&&&&{ &&&&&&&&&&&&
divs[divs.length&-&i&-&1].style.left&=&divs[i].style.left&=&parseFloat&(divs[i].style.width)&*&Math.floor(divs.length&/&2&-&i)&+&&#39;px&#39;; &&&&
&&&&&&&&divs[divs.length&-&i&-&1].style.top&=&parseFloat&(divs[i].style.height)&*&(divs.length&-&i)&+&&#39;px&#39;; &&&&
&&&&&&&&divs[i].style.top&=&parseFloat&(divs[i].style.height)&*&(i&+&1)+&&#39;px&#39;; &&&& &&&&&&&&} &&&&&&&&&&&& &&&&&&&&&&&&} &&&&&&&&G.D++; &&&&&&&&G.D&=&G.D&&&3&?&0&:&G.D; &&&&&&&&G.A&(divs,&this.iExists,&true);&&&&&&&&},&&&&&&&&P&:&function&(sum,&each)&&&&&&&&{&&&&&&&& this.od&=&[];&&&&&&&& for&(&var&i&=&0;&i&&&&i++)&&&&&&&&&&&&{&&&&&&&&
var&div&=&this.C&(i);&&&&&&&&
div.style.border&=&&#39;1px&dashed&black&#39;;&&&&&&&&
div.style.top&=&Math.floor&(i&/&each)&*&parseFloat&(div.style.height)&+&500&+&&#39;px&#39;;&&&&&&&&
div.style.left&=&Math.floor&(i&%&each)&*&parseFloat&(div.style.width)&+&&#39;px&#39;;&&&&&&&&
this.od.push&(div);&&&&&&&&&&&&}&&&&&&&& G.A&(this.od,&this.oExists,&false);&&&&&&&&}&&&&};&&&&&&&&onload&=&function&()&&&&{ &&&&G.I&(7); &&&&G.P&(100,&20);&&&&}&/script&&/head&&body&&/body&&/html&
这个是我写的一个，点击链接就能看到效果，要看源代码你可以右键，查看页面源代码，就可以了。代码可能不是很好，但是总算也是实现了效果的。嘿嘿
javascript动态生成100个div，每逢10就换一行。请问怎么计算div的TOP值
这个是生成一百个div，每十个一行的代码
明白了，谢谢,我javascript是初学，请问有什么方法吗，,DOM好学吗，我很喜欢编程
学习js这个东西我觉得没什么捷径，勤奋一些，多看多练习一下慢慢就好了。我也还在学习，大家共同努力奋斗吧。加油！你可以加QQ群，里面很多前端工作者，他们或许能更快捷的帮助你，你加的时候可以写上‘商鉴推荐我加群’，哈哈哈哈哈啊哈
其他类似问题
为您推荐：
javascript的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁求幂级数∑(上限无穷,下限n=1)n+1&#47;n*x∧n的收敛域与和函数_百度知道
求幂级数∑(上限无穷,下限n=1)n+1&#47;n*x∧n的收敛域与和函数
提问者采纳
com/zhidao/wh%3D600%2C800/sign=5a279d5dac014ca4b2e30/38dbb6fd8edc922bd4收敛域(- /zhidao/pic/item/38dbb6fd8edc922bd4.hiphotos.jpg" target="_blank" title="点击查看大图" class="ikqb_img_alink"><img class="ikqb_img" src="http://d.com/zhidao/wh%3D450%2C600/sign=ae962fbf0fedc7e37b1a/38dbb6fd8edc922bd4.baidu://d.baidu.jpg" esrc="http://d.hiphotos.baidu
收敛域是x的绝对值吧
一样的，这个只是用区间来表示
在端点不收敛
其他类似问题
为您推荐：
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁1求下列幂数的收敛域_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
1求下列幂数的收敛域
上传于||文档简介
&&1&#8203;求&#8203;下&#8203;列&#8203;幂&#8203;数&#8203;的&#8203;收&#8203;敛&#8203;域
阅读已结束，如果下载本文需要使用0下载券
想免费下载更多文档？
你可能喜欢