前端期末项目

• 技术栈：HTML5,CSS,Javascript

这个项目是我在大二上学期开设的Web前端课程学习期末的一个答辩项目。大家可以借鉴参考使用。附上项目源码地址https://github.com/futingx/awesome-Web-Design.git

技术栈：HTML5,CSS,Javascript

以下是该项目所具有的功能模块：

1. 背景特效：
   • 使用JavaScript实现了流星雨背景效果。
   • 每个页面背景都采用了线性渐变效果。
2. 侧边栏功能：
   • 顶部侧边栏包含常见的网页功能。
   • 左侧侧边栏有点击事件的彩蛋功能。
3. 自我介绍模块：
   • 使用JavaScript实现了打字机效果的自我介绍模块。
4. 实时和环绕时钟：
   • 使用JavaScript实现了两颗两色流星的实时和环绕时钟效果。
5. Logo精灵图选择：
   • 合理选择了Logo精灵图。
6. 轮播图与控制：
   • JavaScript实现了轮播图的手动和自动播放控制。
7. 3D图片盒子：
   • 使用HTML和CSS实现了附有人物介绍的3D图片盒子。
8. 锚点侧边栏：
   • 右侧侧边栏包含了顶部返回等功能的锚点。
9. 新闻栏：
   • 实现了带有页面间链接的新闻栏。
   • 锚点新闻栏中的渐变按钮跟随鼠标移动。
10. 滑块验证：
    • 使用JavaScript实现了基本的滑块验证功能，滑动到指定位置判断验证成功与否。
11. 留言板：
    • 实现了留言、删除和实时时间记录等功能的留言板。
12. 视觉设计：
    • 结合CSS样式和动态JavaScript元素，实现了美观和吸引人的网页设计。