landingpage:CSS HTML和JavaScript项目

时间:2024-04-23 11:55:34
【文件属性】:

文件名称:landingpage:CSS HTML和JavaScript项目

文件大小:1.82MB

文件格式:ZIP

更新时间:2024-04-23 11:55:34

HTML

JavaScript登陆页面 接口与架构 我的项目的主要目标是创建一个具有以下功能的登录页面。 所有功能均可在现代平板电脑和手机浏览器中使用。 页面结构具有层次结构,并将所有相关文件嵌套在同一文件夹中。 至少有4个部分 导航是使用Javascript作为无序列表动态构建的。 在这个项目中,我使用了forEach()方法并使用了Array,并且参数创建了元素并将锚标记分配给相应的嵌套标记。 着陆页行为 添加了滚动功能以突出显示当前部分和导航项。 我为此使用了getBoundingClientRect()以及建议的辅助函数。 在创建导航下划线(边框)和h2高亮显示之后,我创建了一个If / else语句。 2.创建了另一个forEach()点击函数。 使用ScrollTop()。 另外,添加HTML平滑滚动以使滚动更平滑。 还添加了preventDefault()以防止执行默认操作。 除


【文件预览】:
landingpage-main
----js()
--------app.js(5KB)
----pictures()
--------mnm.jpg(849KB)
--------blueTwizzler.jpg(423KB)
--------windmill.jpg(99KB)
--------gummyworms.jpg(121KB)
--------onecandy.jpg(319KB)
--------heartwrapped.jpg(81KB)
----css()
--------flexbox.css(554B)
--------cssgrid.css(873B)
--------media2.css(1KB)
--------style.css(2KB)
----index.html(13KB)
----readme.md(2KB)
----.vscode()
--------settings.json(56B)

网友评论