css被选中的样式,css 选中

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

css做的菜单，被选中状态的一个效果，很急，希望高手帮忙！！！

我这个只是实现你说的正在访问的文字有不同于其他文字的效果

用一个简单的js就可以

js里：

function xk(n){

for(var i=1;i=6;i++){

var curB=document.getElementById("nav"+i);

if(n==i){

curB.className="active"

}else{

curB.className="none"

}

css里：加一个选中后的样式

.active{} /*he js里的curB.className="active"名称对应*/

菜单：

li onclick="return xk(1)" id="nav1" class="none"a href="/"11111/a/li

li onclick="return xk(2)" id="nav2" class="none"a href="/"22222/a/li

li onclick="return xk(3)" id="nav3" class="none"a href="/"33333/a/li

li onclick="return xk(4)" id="nav4" class="none"a href="/"44444/a/li

li onclick="return xk(5)" id="nav5" class="none"a href="/"55555/a/li

li onclick="return xk(6)" id="nav6" class="none"a href="/"66666/a/li

/ul

虽然代码可能有点麻烦但是可以实现

相关问答

Q1: 请简要说明css样式表中三种选择器(三种样式)的特点

CSS选择器的类型分为3类:标记选择器、类别选择器和ID选择器。（可能名称有不同的说法，但意思都是一样的）标记选择器是利用HTML的标记直接定义标记内容的样式，如：h1{ color:red; font-size:25pt;} 类别选择器是通常说的class选择器，定义的时候要在名称前加.如：.one{ color:red; font-size:25pt;} ID选择器定义的时候要在前面加#，如：#box { color:red; font-size:25pt;} 利用DW写CSS的时候，高级就是上面说的ID选择器，ID选择器的名字可以任意命名，可以自己定义，可是标签就只能是HTML语言里制定的那些标记，不能自己定义。

Q2: 怎样用css实现div选中的效果

不懂这儿的选中是鼠标点击还是覆盖或者是点击之后的效果,因此就都说一下:

1.被点击时的效果可以用div:active{

css

}

2.鼠标覆盖在上面的时候可以用div：hover{

css;}

3.点击之后的效果，这个相对前2种有些麻烦，必须用到JS或者jquery，步骤如下：

a.先给div添加一个选中的样式比如on{css}；

b.然后在js中$('div').click(function{

$('div').toggleClass('

','on');