HTML 基础及超链接练习

实验一：HTML 基础及超链接练习

实验目的：

熟悉 HTML 基础及超链接的使用

实验要求：

1、建立至少 3 个以上的网页；

2、实现任意两网页之间的跳转（建议做个导航菜单）；

3、每个网页里面至少有文本内容；

4、必须有一个主题。

设计详情：

1.简单 js 语句，跳出窗口。

2.简单文字显示，利用简单css 对其样式调整。

3. 利用 div 设置菜单栏和图片图层（通过改变 div 改变图层样式），利用<ul><li>设置列表菜单栏。

4. 设置超链接。

5.利用简单js设置图片自动滑动功能

Js 解析：

 getElementsByClassName() 方法返回文档中所有指定类名的元素集合，作为 NodeList 对象。

　　NodeList 对象代表一个有顺序的节点列表。NodeList 对象我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由 0开始)。

　　在这里表示所有由 img-slide 的图片集合。

 a[i].style.display='none'；none : CSS1 隐藏对象。

 a[index].style.display='block';展开 block : 显示用该值为对象之后添加新行.

 用 for 循环实现图片循环隐藏达到图片切换功能。 

实验截图：

（实验效果具体请看运行结果，此处仅放运行部分截图）

 

 

 

源码地址：https://github.com/Simmon2333/Web-Test（实验1）