分页中怎么实现当前被点击的页数是红色显示？

就像google一样，比如:点击了第一页，则当前页数“1”会变成红色，而当点击第二页时，页数“2”变红色，而“1”又还原为原来颜色

解决方案 »

  1.   

    设置CSS
    A {
    COLOR:#565656; TEXT-DECORATION: none
    }
    A:hover {
    COLOR:red; TEXT-DECORATION: underline
    }
    A:active {
    COLOR: #DC241F;TEXT-DECORATION: none
    }
    A:visited {
    COLOR: red;TEXT-DECORATION: none
    }
      

  2.   

    设置CSS
    A {
    COLOR:#565656; TEXT-DECORATION: none
    }
    A:hover {
    COLOR:red; TEXT-DECORATION: underline
    }
    A:active {
    COLOR: #DC241F;TEXT-DECORATION: none
    }
    A:visited {
    COLOR: red;TEXT-DECORATION: none
    }除非你的分页有问题
      

  3.   

    自己写个javaScript脚本.比如
    <a href="地址"><font id="1" onClick="func('1')">1</font></a><a href="your href"><font id="2" ononClick="func('2')">2</font></a>程序:
    func(index)
    {
    document.getElementById(index).color="red";
    document.getElementById("1"==index?"2":"1").color="black";
    }
      

  4.   

    设置CSS
    A {
    COLOR:#565656; TEXT-DECORATION: none
    }
    A:hover {
    COLOR:red; TEXT-DECORATION: underline
    }
    A:active {
    COLOR: #DC241F;TEXT-DECORATION: none
    }
    A:visited {
    COLOR: red;TEXT-DECORATION: none
    }
    然后你在链接的地方加上class属性就可以了啊。
    <a href="target.jsp" class="a">第2页</a>
      

  5.   

    其中：
    　　a:link 指正常的未被访问过的链接；
    　　a:active 指正在点的链接；
    　　a:hover 指鼠标在链接上；
    　　a:visited 指已经访问过的链接；
    　　text-decoration是文字修饰效果的意思；
    　　none参数表示超链接文字不显示下划线；
    　　underline参数表示超链接的文字有下划线 
        
        看这个你就明白了吧。
      

  6.   

    谢谢大家！
    我不太懂css,
    //
    A {
    COLOR:#565656; TEXT-DECORATION: none
    }
    A:hover {
    COLOR:red; TEXT-DECORATION: underline
    }
    A:active {
    COLOR: #DC241F;TEXT-DECORATION: none
    }
    A:visited {
    COLOR: red;TEXT-DECORATION: none
    }
    //
    这段代码应该写在哪里呀？我写到<head>里了，不知对不对？
      

  7.   

    而当点击第二页时，页数“2”变红色，而“1”又还原为原来颜色
    应该设置visited和未访问前一致
    即
    A {
    COLOR:#565656; TEXT-DECORATION: none
    }
    A:hover {
    COLOR:red; TEXT-DECORATION: underline
    }
    A:active {
    COLOR: #DC241F;TEXT-DECORATION: none
    }
    A:visited {
    COLOR:#565656; TEXT-DECORATION: none
    }
    for(int i=1;i<=pagecount;i++)
    {
        if(Integer.parseInt(request.getParameter("page"))==i)
        {
             out.println("<b><font color=\"red\">"+i+"</font></b>");
        }
        else
        {
             out.println("<font color=\"#EEEEEE\">+i+"</font>");
        }
    }
      

  8.   

    谢谢大家！
    我不太懂css,
    //
    A {
    COLOR:#565656; TEXT-DECORATION: none
    }
    A:hover {
    COLOR:red; TEXT-DECORATION: underline
    }
    A:active {
    COLOR: #DC241F;TEXT-DECORATION: none
    }
    A:visited {
    COLOR: red;TEXT-DECORATION: none
    }
    //
    这段代码应该写在哪里呀？我写到<head>里了，不知对不对？
      

  9.   

    我是这样写的:<head>
    <style>
    A {
    COLOR:#565656; TEXT-DECORATION: none
    }
    A:hover {
    COLOR:red; TEXT-DECORATION: underline
    }
    A:active {
    COLOR: #DC241F;TEXT-DECORATION: none
    }
    A:visited {
    COLOR: red;TEXT-DECORATION: none
    }</style>
    </head>
    .........
    <a href="a.jsp" class="a">第1页</a>
    .....
    可是还是不行，请大虾指点阿
      

  10.   

    <a href="a.jsp">第1页</a>
    就可以了