CSS中如何改变访问后超链接颜色,当访问其他链接时该链接又变为原来的颜色,以此来确定自己正在访问的链接
展开全部
如果你所说的“访问”,是"点击"的意思,你说的这个效果,单单依靠CSS是做不到的。
下面是一个很常见的例子。应该是你要的效果。
<html>
<head>
<style type="text/css">
li a{color:#c00;}
li.hot a{color:#00f;}
</style>
<script type="text/javascript">
foo(hotnode){
var objs = hotnode.parentNode.parentNode.getElementsByTagName('li');
for(var i=0;i<objs.length;i++){
objs[i].className='';
}
hotnode.className='hot';
}
</script>
</head>
<body>
<ul>
<li><a href="baidu.com" target="_blank" onclick="foo(this);return false;">baidu.com</a></li>
<li><a href="google.com" target="_blank" onclick="foo(this);return false;">google.com</a></li>
</ul>
</body>
</html>
下面是一个很常见的例子。应该是你要的效果。
<html>
<head>
<style type="text/css">
li a{color:#c00;}
li.hot a{color:#00f;}
</style>
<script type="text/javascript">
foo(hotnode){
var objs = hotnode.parentNode.parentNode.getElementsByTagName('li');
for(var i=0;i<objs.length;i++){
objs[i].className='';
}
hotnode.className='hot';
}
</script>
</head>
<body>
<ul>
<li><a href="baidu.com" target="_blank" onclick="foo(this);return false;">baidu.com</a></li>
<li><a href="google.com" target="_blank" onclick="foo(this);return false;">google.com</a></li>
</ul>
</body>
</html>
追问
你好!请问foo(hotnode){}中这个hotnode是什么?谢谢!!!
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2011-03-05
展开全部
两个方法,
1:a:link{}, a:visited{} ,a:hover{} ,a:active{}
2:当前页连接样式style="颜色"
1:a:link{}, a:visited{} ,a:hover{} ,a:active{}
2:当前页连接样式style="颜色"
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
a:visited //访问后颜色
追问
我知道a:visited 是访问后颜色 ,但这个访问后颜色一直都不变了,我想点击其他链接时上次点击的链接又还原为原来的颜色
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
a:link{
color:
}
a:visited{
color:
}
a:hover{
color:
}
a:active{
color:
}
color:
}
a:visited{
color:
}
a:hover{
color:
}
a:active{
color:
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询