1 说明:
=====
1.1 html制作立方体。
1.2 滑动条调节长、宽、高,并自动生成体积和表面积。
1.3 熟悉和复习html的基本知识,主要是立方体的绘制和input滑动条制作等。
![ed7f65b21818c32f60d5c343245f11ff.png](https://i-blog.csdnimg.cn/blog_migrate/7f80b71b187090cf255964e1813a2871.jpeg)
2 效果图:
![071f8a9b9548ebec018fb87c19814d6b.gif](https://i-blog.csdnimg.cn/blog_migrate/2e6f76e2a755da1b0276af9302d1876d.gif)
3 第一步:
微软编辑器vscode打开,新建一个文件,保存cube.html;
英文状态下,! 加回车键(enter),新建html骨架。
![b04a65337dd7492b72ab2d1f9e482885.gif](https://i-blog.csdnimg.cn/blog_migrate/b91c346ab8ee42645301992943c5c976.gif)
4 第二步:css部分的style在head内;而body内有form和script,骨架图。
![29d8b784da45d428ad1d9915dd49b3df.png](https://i-blog.csdnimg.cn/blog_migrate/992f57f146acf7397628a1b91f5e001e.jpeg)
5 第三步:head内的css部分代码:(注释版)
6 第四步:body内的form部分的代码:(注释版),注意小的js代码就紧随input后面调用等等。
7 第五步:body的js=JavaScript代码部分。
8 完整代码:修改标题和删减注释等,稍微简洁些的代码。
高级可变的立方体悬浮
===完美===
学习python的人,有必要知道一点html、css、js=JavaScript。
喜欢的人,点赞、关注、评论、转发和收藏。