css导航条中的current类(标明所处页面)自适应位置

html-css012

css导航条中的current类(标明所处页面)自适应位置,第1张

这样情况 可以考虑每页使用相同的菜单代码  菜单类不要加入current类

然后在对应的页面加入标记current类应该显示未知的隐藏值 ,然后用js控制添加对应的current类就行了

像下面

<html>

    <body>

    <input type="hidden" id="curindex" value="1" />

     <div class="menu">

         <a>菜单a</a>

         <a>菜单b</a>

         <a>菜单c</a>

     </div> //再引用jquery

<script type="text/javascript">

    window.onload=function(){

        var curindex=$("#curindex").val()

        $(".menu a:eq("+curindex+")").addClass("current")

    }

a{color:red} 是页面所有超链接的颜色为红色。

a.current{color:blue} .current指链接的样式名,单独针对这个名字的链接设置样式。

a:hover{color:yellow} :hover 是指鼠标滑过的样式! 是 : 不是 。

下面是页面

<a href="#">一个普通的红色颜色链接</a>

<a href="#" class="current">蓝色链接,链接样式名为current的超链接</a>

希望我的回答你能满意~

current是现行的,当前的意思,class=" current"意思就是说让当前某个标签的样式为current所定义的内容。一般情况下,会在.css文件里或当前页的style样式里,定义一个.current的样式,如.current{...//样式内容},这种属性一般会在鼠标划过的事件中用到。