摘要:网站，作为浏览器所承载的最主要载体，在互联网越来越能够影响人们生活的时代起着传递大量信息的重要作用。所以web前端等相关知识快速兴起有着其必然原因[1]。

由于个人的喜好，“基于JavaScript的二次元动漫网”的设计参考在年强人群中很火的“哔哩哔哩弹幕视频网”的样式，即元素的布局完全参照其样式，利用web前端的基本知识与技能制作的一个网站，主要利用HTML与CSS进行布局，配合JavaScript语言对网页进行开发，做出能够符合当前浏览器版本，并使人们简易操作的网站。现阶段的web前端技术已经发展得很全面，虽然相关的前端框架有很多，也极大地减少了前端工程师的工作量，但是“基于JavaScript的二次元动漫网”的设计还是利用的原生的JavaScript进行制作。

本文将站在巨人的肩膀上，学习前人的技术手段与思想，并进行开拓创新，整理出新的方法，通过一个前端页面的开发过程来阐述HTML（超文本标记语言）、CSS（层叠样式表）、JavaScript等web前端开发相关的知识与技术。

关键词：web前端；超文本标记语言；层叠样式表；JavaScript

目录

摘要

Abstract

1 绪论-1

1.1 应用背景-1

1.2 主要技术手段-1

1.3完成内容-1

2 软件开发环境介绍-2

2.1 软件环境-2

2.2 开发工具-2

3 软件功能介绍-4

3.1 HTML文件头文件-4

3.2 抬头大标题部分-5

3.2.1结构层-5

3.2.2表示层-6

3.2.3行为层-6

3.3 下拉菜单索引部分-6

3.3.1结构层-6

3.3.2表示层-6

3.3.3行为层-7

3.4 轮播部分-8

3.4.1轮播效果-9

3.4.2右侧区域图片效果-12

3.5推广部分与直播部分-13

3.5.1 结构层-14

3.5.2表示层-14

3.5.3行为层-14

3.6动画部分、国创部分等其他部分-16

3.6.1结构层-16

3.6.2表示层-17

3.6.3行为层-17

3.7底部-20

3.8索引目录部分-20

3.8.1结构层-21

3.8.2表示层-21

3.8.3行为层-21

4软件流程设计-24

4.1通过class名获取元素-24

4.2通过style获取元素-25

4.3缓慢过度动画效果-26

4.4字体变色-28

结    论-30

参 考 文 献-31

致    谢-32