我这个只是实现你说的正在访问的文字有不同于其他文字的效果
成都创新互联公司专注于柳江网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供柳江营销型网站建设,柳江网站制作、柳江网页设计、柳江网站官网定制、小程序设计服务,打造柳江网络公司原创品牌,更为您提供柳江网站排名全网营销落地服务。
用一个简单的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"名称对应*/
菜单:
ul
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
虽然代码可能有点麻烦 但是可以实现
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语言里制定的那些标记,不能自己定义。
不懂这儿的选中是鼠标点击还是覆盖或者是点击之后的效果,因此就都说一下:
1.被点击时的效果可以用div:active{
css
}
2.鼠标覆盖在上面的时候可以用div:hover{
css;}
3.点击之后的效果,这个相对前2种有些麻烦,必须用到JS或者jquery,步骤如下:
a.先给div添加一个选中的样式比如on{css};
b.然后在js中$('div').click(function{
$('div').toggleClass('
','on');
})
这是jquery自带的一个方法,点击div切换2个class,
售后响应及时
7×24小时客服热线数据备份
更安全、更高效、更稳定价格公道精准
项目经理精准报价不弄虚作假合作无风险
重合同讲信誉,无效全额退款