【文件属性】:
文件名称:seeessess:代码段和CSS混乱
文件大小:410KB
文件格式:ZIP
更新时间:2021-04-07 06:09:53
HTML
描述
此仓库是一系列不同的场景和情况,将帮助我学习各种CSS和Javascript概念。
页数
页面01:事件冒泡
我创建了一个小动画,并尝试切换一个会隐藏和显示一些div的类
通过单击容器div或文档主体可以隐藏div,但是不会发生
单击div的动作似乎会冒泡到父容器
仅当clicked元素为“ container”元素时,才从div中删除“ visible”类来解决此问题。
我学到的是:
我发现有多个属性绑定到事件对象。 触发事件处理程序后,似乎会产生此对象。
页面02:线条跟踪动画
我想在用户执行任意操作时显示隐藏的设计
我使用背景图像的线性渐变属性设置了整个页面的宽度和长度div,并设置了动画以将线性渐变向下移动到屏幕上
然后,我叠加了透明的PNG并将click-event附加到此元素
结果是我一直在寻找的效果
我学到的是:
我可以创建一个有趣的设计,并以创造性的方式展示它。
【文件预览】:
seeessess-master
----page02.html(486B)
----assets()
--------images()
----page03.html(484B)
----page05.html(3KB)
----page01.html(767B)
----scripts()
--------script04.js(3KB)
--------script03.js(480B)
--------script01.js(806B)
--------script05.js(215B)
--------script06.js(215B)
--------script02.js(1KB)
--------script07.js(2KB)
----README.md(3KB)
----page04.html(9KB)
----index.html(495B)
----pageTEMPLATE.html(413B)
----styles()
--------main.css(472B)
--------style04.css(909B)
--------style01.css(896B)
--------style03.css(397B)
--------style07.css(2KB)
--------style02.css(213B)
--------style05.css(7KB)
--------style06.css(2KB)
----page07.html(2KB)
----page06.html(1KB)