JS基础

阅读: 评论:0

JS基础

JS基础

好累啊!长时间坐着,脖子有点儿疼!后背也疼!!!
1.九宫格布局

列/行012
0012
1345
2678

盒子规律:九宫格有9个数字,变成数组就是九个下标分别为:0,1,2,3,4,5,6,7,8,9。
举例:
5-(1,2):5/3=1,5%3=2;
8-(2,2):8/3=2,8%3=2;
总结:下标的坐标对应与列数的商和余数。

如上图,最下角的那个格子在坐标上,向上向左乘以2个自己就好了!从坐标求行列。
2.代码实现
页面:

<div id="container"><div id="top"><button id="btn1">3</button><button id="btn2">4</button><button id="btn3">5</button></div><div id="bottom"><div class="box"><img src="images/02.jpg"><h4>你好!加油!</h4><p>这个是鼠标!</p></div><div class="box"><img src="images/02.jpg"><h4>你好!加油!</h4><p>这个是鼠标!</p

本文发布于:2024-02-03 01:18:58,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170689438947704.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:基础   JS
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23