当前页面: 开发资料首页 → 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页
就可以了