JS 　实现九宫格算法

2021-06-19 17:05

阅读：653

YPE html>

标签：cti 宽度 red onclick absolute 成功 class relative color

九宫格算法核心：

利用控件索引index计算出控件所在的行数和列数；
利用控件计算出left距离；
利用控件计算出top距离；
写特效时需要用到定位

公式：

行 row=parseInt(i/cols);
列 col=parseInt(i%cols);

i是当前的盒子，cols是总列数，

代码示例：

九宫格
           
           
           
        
        
           
              是一部非常成功的导演处女作
              几乎全面启用新演员的做法
           
           
              是一部非常成功的导演处女作
              几乎全面启用新演员的做法
           
           
              是一部非常成功的导演处女作
              几乎全面启用新演员的做法
           
           
              是一部非常成功的导演处女作
              几乎全面启用新演员的做法
           
           
              是一部非常成功的导演处女作
              几乎全面启用新演员的做法
           
           
              是一部非常成功的导演处女作
              几乎全面启用新演员的做法
           
           
              是一部非常成功的导演处女作
              几乎全面启用新演员的做法
           
           
              是一部非常成功的导演处女作
              几乎全面启用新演员的做法
           
           
              是一部非常成功的导演处女作
              几乎全面启用新演员的做法
           
           
              是一部非常成功的导演处女作
              几乎全面启用新演员的做法
           
           
              是一部非常成功的导演处女作
              几乎全面启用新演员的做法
           
           
              是一部非常成功的导演处女作
              几乎全面启用新演员的做法
           
           
              是一部非常成功的导演处女作
              几乎全面启用新演员的做法
           
           
              是一部非常成功的导演处女作
              几乎全面启用新演员的做法
           
           
              是一部非常成功的导演处女作
              几乎全面启用新演员的做法

JS 　实现九宫格算法

标签：cti 宽度 red onclick absolute 成功 class relative color

原文地址：https://www.cnblogs.com/zhang-jiao/p/9690261.html

上一篇：java中输出一个字符串里面的空格，字母还有数字的数目举例说明

下一篇：指针数组和数组指针

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：JS 　实现九宫格算法
文章链接：http://soscw.com/essay/96040.html

亲，登录后才可以留言！

JS 　实现九宫格算法

评论

热门文章

推荐文章

最新文章

置顶文章

JS 实现九宫格算法

评论

热门文章

推荐文章

最新文章

置顶文章

JS 　实现九宫格算法