站内搜索: 请输入搜索关键词

当前页面: 开发资料首页JSP 专题分页中怎么实现当前被点击的页数是红色显示?

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

摘要: 分页中怎么实现当前被点击的页数是红色显示?


就像google一样,比如:点击了第一页,则当前页数“1”会变成红色,而当点击第二页时,页数“2”变红色,而“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
}


上面的代码不行啊


上面的只是个示例
具体的还要自己稍微改一下
只是给你个思路


变成红色后连接还不能用,多好!


设置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
}

除非你的分页有问题


自己写个javaScript脚本.比如
12

程序:
func(index)
{
document.getElementById(index).color="red";
document.getElementById("1"==index?"2":"1").color="black";
}




设置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属性就可以了啊。
第2页


其中:
  a:link 指正常的未被访问过的链接;
  a:active 指正在点的链接;
  a:hover 指鼠标在链接上;
  a:visited 指已经访问过的链接;
  text-decoration是文字修饰效果的意思;
  none参数表示超链接文字不显示下划线;
  underline参数表示超链接的文字有下划线

看这个你就明白了吧。


谢谢大家!
我不太懂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>里了,不知对不对?





而当点击第二页时,页数“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(""+i+"");
}
else
{
out.println("+i+"");
}
}


谢谢大家!
我不太懂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>里了,不知对不对?



谁能给个完整的示例?


我是这样写的:

<head>

</head>
.........
第1页
.....
可是还是不行,请大虾指点阿




第1页
就可以了


↑返回目录
前一篇: 简单的日期格式转换 解决后马上揭帖
后一篇: 如何加密我的class类?