seeessess:代码段和CSS混乱

时间:2024-04-26 23:56:33
【文件属性】:

文件名称:seeessess:代码段和CSS混乱

文件大小:410KB

文件格式:ZIP

更新时间:2024-04-26 23:56:33

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)

网友评论