HTML+CSS里面点击文字后变成另外一张图片

Question

请看图片，网页有一张导航做底图，正常显示是这样：

当点击关于我们后跳转到关于我们的界面，然后导航变成这样：

请问这个有HTML+CSS要怎么样去实现？初学者真苦逼啊

Answer 1

你可以在这种情况下给它一个背景图片，其实这里还不是什么事件来的，只是当你点击这个关于我们的时候，它就跳转到另一个页面里去了，不是你说的是点击之后就变成这样的样式了。
你可以给这个地方加一个current样式。

Answer 2

既然已经跳到另一个页面，就在这个页面中变换导航图片即可。

学习网页、HTML、CSS等是一个循序渐进的过程，通过个人学习来达到学习目标或完成任务，在不断的努力中总结、积累经验，并达到学习的预期目标！DreamWeaver不难学，只要有人带一带。
配色是重要的一个环节，建议你最好也学一些平面设计，比如色彩基础、PS软件等。
个人推荐跟有经验的高手学，之前我就是跟一位有丰富经验网络师傅学习，成长更快、更稳健！
搜索下:“HTML天天练”，夜风老师,网络教学 ，为人、教学都很棒！记得是有试听课程下载的。
个人推荐-供参考！

Answer 3

用背景偏移做！具体方法你百度！

Answer 4

你懂 ccs 里的 a:visited{ background-image:xxxx.gif;} 这样的代码的意思吗！这其实就是一个连接访问之后的样式，和hover 一个用法 你得看一下 <a> 标签的用法

追问

我懂。。其实我的意思是不跳转到别外的页面，直接点击关于我们就变成下面的样子。关键是下面还有一张黑色的导航栏图片。