CSS中current是做哪些地?

html-css036

CSS中current是做哪些地?,第1张

是自定义设置的CSS类名,一般意思是只当前位置,举个例子,例如导航代码

<li class="current">首页</li>

<li>联系我们</li>

上面是html代码部分,下面是CSS代码部分

<style>.current{color:#000}</style>

这样使用current这个类名的样式字体颜色就会变成黑色了。

这样情况 可以考虑每页使用相同的菜单代码  菜单类不要加入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")

    }