【文件属性】:
文件名称:bubbles
文件大小:228KB
文件格式:ZIP
更新时间:2021-03-19 06:49:07
JavaScript
气泡
Anne Ensign的项目
演示
关于
该项目旨在演示我在代码路易斯维尔的前端Web开发课程(2021年Spring)中所学到的有关面向对象JavaScript和DOM操作的知识。
我想学习如何以可视化的方式使用OOP。我也想尝试一些动画。气泡成为两者的理想工具。
当我学会了以页面上的其他元素为目标时,最初只有“更多气泡”和“重置气泡”按钮的基本页面开始了。现在,该页面包括:
“更多气泡”按钮可添加更多气泡。
“更快的气泡”可加快每次单击的气泡。
“ SLOWER BUBBLES”(减速气泡)可降低每次单击的气泡速度。
“更大的气泡”将它们放大2倍。
使用“ GOTH”,“ DISCO”和“ FANCY”按钮更改外观。
使用“重置气泡”按钮清除屏幕。
移动优先设计
媒体查询功能的最小屏幕宽度为750px和1290px,可以在平板电脑或PC上获得更好的观看体验。按钮将从原始大
【文件预览】:
bubbles-main
----images()
--------floor.jpg(73KB)
--------rose.jpg(75KB)
--------disco.png(60KB)
--------fancy.png(15KB)
----script.js(11KB)
----README.md(3KB)
----style.css(5KB)
----index.html(2KB)