目录
第 1章 使用列表和CSS实现图文横排 1
1.1 实验目的 1
1.2 实验环境 1
1.3 实验内容 1
1.4 相关知识点介绍 2
1.5 实验分析 9
1.6 实验思路 9
1.7 实验指导 10
1.8 实验总结 11
第 2章 使用列表、超链接和CSS创建纵向及横向菜单 12
2.1 实验目的 12
2.2 实验环境 12
2.3 实验内容 12
2.4 相关知识点介绍 13
2.5 实验分析 16
2.6 实验思路 18
2.7 实验指导 18
2.8 实验总结 21
第3章 使用表格和CSS创建天气预报 22
3.1 实验目的 22
3.2 实验环境 22
3.3 实验内容 22
3.4 相关知识点介绍 23
3.5实验分析 26
3.6 实验思路 28
3.7 实验指导 28
3.8 实验总结 32
第4章 使用JS和CSS创建对联及页角广告 33
4.1 实验目的 33
4.2 实验环境 33
4.3 实验内容 33
4.4 相关知识点介绍 34
4.5实验分析 39
4.6 实验思路 39
4.7 实验指导 40
4.8 实验总结 43
第5章 使用HTML5文档结构元素及经典布局版式布局网页 44
5.1 实验目的 44
5.2 实验环境 44
5.3 实验内容 44
5.4 相关知识点介绍 45
5.5 实验分析 54
5.6 实验思路 57
5.7 实验指导 57
5.8 实验总结 63
第6章 使用JS和CSS创建二级菜单 64
6.1 实验目的 64
6.2 实验环境 64
6.3 实验内容 64
6.4 相关知识点介绍 65
6.6实验分析 72
6.6 实验思路 74
6.7 实验指导 74
6.8 附加实验 77
6.9 实验总结 77
第7章 使用JS和CSS实现选项卡切换 79
7.1 实验目的 79
7.2 实验环境 79
7.3 实验内容 79
7.4 相关知识点介绍 80
7.5实验分析 81
7.6 实验思路 82
7.7 实验指导 83
7.8 实验总结 84
第8章 使用定时器实现图片轮播 86
8.1 实验目的 86
8.2 实验环境 86
8.3 实验内容 86
8.4 相关知识点介绍 87
8.5 实验分析 88
8.6 实验思路 90
8.7 实验指导 90
8.8 实验总结 92
第9章 使用正则表达式校验表单数据有效性 94
9.1 实验目的 94
9.2 实验环境 94
9.3实验内容 94
9.4相关知识点介绍 95
9.5实验分析 102
9.6实验思路 103
9.7实验指导 103
9.8附加实验 106
9.9实验总结 106
第 10章 使用JS+CSS创建折叠菜单 107
10.1 实验目的 107
10.2 实验环境 107
10.3 实验内容 107
10.4 相关知识点介绍 108
10.5 实验分析 108
10.6 实验思路 110
10.7 实验指导 111
10.8实验总结 113
第 11章 使用JS+CSS实现百度评分 114
11.1 实验目的 114
11.2 实验环境 114
11.3 实验内容 114
11.4 相关知识点介绍 115
11.5 实验分析 116
11.6 实验思路 119
11.7 实验指导 119
11.8 实验总结 123
第 12章 使用JS+CSS实现商品筛选 124
12.1 实验目的 124
12.2 实验环境 124
12.3 实验内容 124
12.4 相关知识点介绍 126
12.5 实验分析 128
12.6 实验思路 130
12.7 实验指导 131
12.8实验总结 134
第 13章 使用HTML5+CSS+JS创建企业网站 136
13.1实验目的 136
13.2 实验环境 136
13.3 实验内容 136
13.4 相关知识点介绍 137
13.5 实验分析 139
13.6 实验思路 142
13.7实验指导 142
13.8 实验总结 146
参考代码 147
第 1章 参考代码 147
第 2章 参考代码 148
第3章 参考代码 150
第4章 参考代码 152
第5章 参考代码 154
第6章 参考代码 158
第7章 参考代码 160
第8章 参考代码 162
第9章 参考代码 163
第 10章 参考代码 165
第 11章 参考代码 167
第 12章 参考代码 170
第 13章 参考代码 173