完全自主网页设计记录（三）

系列文章目录

完全自主网页设计记录（一）

完全自主网页设计记录（二）

---

目录

一、继续优化导航栏

 二、设置图片滚动播放

总结

---

一、继续优化导航栏

导航栏要实现的效果的点击文字跳转到对应的页面，之前只是做了导航栏的外观，今天来实现这个功能。实现这个功能要给每个栏目的文字分别插入超链接，插入超链接使用的标签是<a>标签，href属性指定链接，因为还没有写对应的栏目的页面，所以先用#代替，后面写了页面再进行修改。代码如下：

<p><a href="#">首页</a></p><p><a href="#">团体</a></p><p><a href="#">成员</a></p>
<p><a href="#">歌曲</a></p><p><a href="#">综艺</a></p><p><a href="#">发展</a></p>

超链接有四个状态：未访问、已访问、鼠标悬停和鼠标点击。为了区分这四个状态，分别给四个状态下的超链接文本设置不同的文本颜色，代码如下：