用CSS切换菜单背景问题

html-css05

用CSS切换菜单背景问题,第1张

#nav li a{

text-decoration: none

color: #ffffff

width: 76px

line-height: 25px

display: block

}

#nav li a:hover{

color: #ffffff

background: url(200682494749491.gif) no-repeat 0px -25px

}

#nav li a:visited{color: #ffffff

background: url(200682494749491.gif) no-repeat 0px -25px

}

说明:删除#nav li a下的背景图片200682494749491.gif,添加一个a:visited来实现点击菜单后显示图片200682494749491.gif,随便提下a:hover表示鼠标移动到对象上时出现的样式!

这个你首先要做一个那种的小图片!要你的导航上分别有那个白色的导航,比如你在首页,你想进下一个导航栏目,你可以在点你要进的那个栏目!关键是你点的那个栏目要超连接到你做好的!那个点击白导航的子页上就可以了!还有点一种是如果你想当你的鼠标放在那个栏目上的时候,那个小图片变化都是可以的的,要你进去写一下代码!你用的那个网页设计的软件,里面有那个设计代码!不知道你能不能听懂!不过你叫我写的话!没有整个原代码,但有你那个代码太耗时间了!

菜单对应页面切换效果。

每个菜单有多个li标签,每个li标签含一个id,li标签的id用来标记,点击效果每个页面有一个id,这个id的作用是对应每个li标签的点击链接对应的页面,它的作用是用来标记,li标签的href指向页面位置。