Question

我希望当我点击此链接时，其颜色会变为给定的颜色

<li id="press"><a href="<?=base_url()?>index.php/page/press">Press</a></li>

Answer 1

CSS声明:active将完成你所追求的目标。 http://www.w3schools.com/CSS/pr_pseudo_active.asp

示例

a:active { color: #C00; }

<强> NB。

a:active必须在CSS定义中a:hover之后才能生效！

Answer 2

所有链接？ a:focus { color: orange; }

有些链接？给他们一个班级，例如<a class="foo" ...>：a.foo:focus { color: purple; }

一个链接？给它一个id，例如<a id="bar" ...>：a#bar:focus { color: #BADA55; }

Answer 3

以下是访问过的超链接的示例Css

a:link {color:#FF0000}    
a:visited{color:Red}

希望这会有所帮助。

Answer 4

您可以使用PHP或JS在服务器端完成此任务。

使用PHP，您只需要在点击后为链接添加一个给定的类名。一个非常简单的例子是：

<a href="myURL" class="<?php if(ExpressionToDetermineIfLinkIsClicked) echo 'selected'; ?>">

和CSS：

.selected { color: #FF0000; }

如果您想使用JS，并且您正在使用任何JS Framework，只需在框架的网站上搜索“如何添加事件”＆amp; “如何添加类名”然后将您从搜索结果中了解的内容结合起来。

如果你巧合的话，使用prototype.js框架，然后你可以尝试以下方法：

function selectLink(link){
  link.addClassName('selected');

  var otherLinks = link.siblings();

  for(var i = 0; i < otherLinks.lenght; i++){
     otherLinks[i].removeClassName('selected');     
  }

}

document.observe('dom:loaded', function(){
    $('menu').observe('click', function(event){
       event.stop();
       var link = Event.element(event); 
       selectLink(link);
       });
    });

---
<div id="menu">
<a href="url1" id="link1" class="">
<a href="url2" id="link2" class="">
<a href="url3" id="link3" class="">
</div>

单击时更改锚点的颜色

4 个答案: