» 一道JS 练习题 看看我的思路对不对
    
    
    
    如果 用JS 创建 100个 li 随你用dom 节点也好 innerHTML 也好 只要能创建li 即可
    li 为 块状 正方形 中间 有数字排序 如图
    
    然后要求是 每 10个 自动切换到下一行
    
    
    
    然后 条件是:
    必须用定位来实现 也就是 一个循环 每次 top + left+
    因为必须得用 定位 所以 外层包个Div 然后 用float 浮动 每10个自动被挤下去 这样的事情 也是玩成不了的
    
    
    
    
    
    
    最后 我想了个思路
    
    定义2各变量 a b
    
    a 就是 left 每 循环到 10的 整数 a 就重置 为初始值 再按表达式循环相加
    b 就是 top 每循环到 10 的整数 就 +上一个固定的值 也就是 换一行的值
    
    
    
    
    你们看看 还有简便一点的方法吗
    PS:别太高深啊 否则 洒家看不懂
    

网友评论2014-06-12 19:53

    这样可以了，很简单了
    

网友评论2014-06-12 19:59

    Reply Post by 逐水而居 (2014-06-12 19:53):
    这样可以了，很简单了
    脑海里有个模糊不清的思路 比这个简单 但是就是想不起来 如果有人给的思路差不多 说不定我的思路就出来了
    

网友评论2014-06-12 20:05

    我以为我鼠标坏了..
    

网友评论2014-06-12 20:14

    for循环100个li呗，然后外层div定个10-11个li以内的宽度然后float
    其实，设置一个值为10的变量，如果循环变量能整除就添加一个换行好点吧
    

网友评论2014-06-12 20:17

    Reply Post by 无聊无束 (2014-06-12 20:14):
    
    for循环100个li呗，然后外层div定个10-11个li以内的宽度然后float
    其实，设置一个值为10的变量，如果循环变量能整除就添加一个换行好点吧
    
    人家都说了要用定位不用浮动。
    

网友评论2014-06-12 20:55

    卖个萌……
    
    http://codepen.io/Kabie/pen/cKACh
    
    话说今天码农刷新率加倍么。。。
    

网友评论2014-06-12 21:04

    还有一种是 一次循环做两个li
    
    简单点写就是这样的
    
    for(a = 1;a<=10;a ++){
     for(b= a ;b <= 10; b++){
     if(a != b){
     doCreateLi(a,b);
     doCreateLi(b,a);
     }
     else{
     doCreateLi(a,b);
     }
     }
    }
    

网友评论2014-06-12 21:07

    Reply Post by 安联萌物伯尼熊 (2014-06-12 21:04):
    还有一种是 一次循环做两个li
    简单点写就是这样的
    for(a = 1;a<=10;a ++){
     for(b= a ;b <......
    编辑编辑
    
    刚看了下 没能实现换行 亲 你只是每次排列2个li 而已
    

网友评论2014-06-12 21:09

    Reply Post by 无聊无束 (2014-06-12 20:14):
    for循环100个li呗，然后外层div定个10-11个li以内的宽度然后float
    其实，设置一个值为10的变量，如果循环变量能整除就添加一个换行好点吧
    额 能不能看清条件 用定位 你怎么浮动
    
    
    要是用浮动还用得着写js 么
    
    
    主要这个是为了后面添加鼠标拖动的模块 你可以理解为拼图 所以才用的定位
    

网友评论2014-06-12 21:13

    用boostrap的栅格？
    

网友评论2014-06-12 21:14

    Reply Post by 泰坦 (2014-06-12 20:55):
    卖个萌……
    http://codepen.io/Kabie/pen/cKACh
    话说今天码农刷新率加倍么。。。
    你这代码没看懂 怎么感觉每次循环 i j 都加的
    
    那样的话每一个li都换行了啊
    

网友评论2014-06-12 21:24

    Reply Post by yh583843162 (2014-06-12 21:09):
    
    额 能不能看清条件 用定位 你怎么浮动
    
    
    要是用浮动还用得着写js 么
    
    
    主要这个是为了后面添加鼠标拖动的模块 你可以理解为拼图 所以才用的定位
    没看到你为为什么要定位就没考虑了
    既然你要拖动的话，你去w3c看看html5，我记得好像有这个的
    

网友评论2014-06-12 21:35

    Reply Post by 无聊无束 (2014-06-12 21:24):
    
    没看到你为为什么要定位就没考虑了
    既然你要拖动的话，你去w3c看看html5，我记得好像有这个的
    
    
    额 问题是这个小题目要求的就是用js 写呢