用CSS切换菜单背景问题

html-css011

用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指向页面位置。