Question

HY，

我目前正在这个网站上工作，我需要能够点击一个链接，它应该在点击时再次打开一个div en close。我已经这样做了。但我的问题是如何在点击时使链接保持＃0083ce。我尝试了一些事情，但他们似乎没有和我的其他javascript（对于div）一起工作。

function newwindow1(ele) {      
    var links = ['Profiel','Verbinder','Plaatjes','Moeren','Bouten','Scharnieren',
                 'Stelvoeten','Montage','Joints','Afdekken','Netten','Rails','Shuiven',
                 'Toebehoren','Quickboy'];
    var srcElement = document.getElementById(ele);      
    var doShow = true;        
    if(srcElement != null && srcElement.style.display == "block")
        doShow = false;
    for( var i = 0; i < links.length; ++i )    {
        var otherElement = document.getElementById(links[i]);      
        if( otherElement != null )
            otherElement.style.display = 'none';
    }
    if( doShow )
        srcElement.style.display='block';         
    return false;

}

Answer 1

<强> CSS

a:visited {
    color:#0083ce;
}

访问过css选择器

a:active {
    color:#0083ce;
}

在您实际点击链接时有效。

Answer 2

您可以简单地使用：visited，：active值来设置所需的颜色。例如：

＆＃13;

.classname:active {
  color: #994;
  /*any color*/
}
.classname:visited {
  //color: #F00;
  /*any color*/
}

＆＃13;

<a class="classname" href="#">Test</a>

＆＃13;

Answer 3

请参阅获取不同颜色的链接

http://www.w3schools.com/css/css_link.asp

Answer 4

如果要使用CSS规则，请定义名为.active的样式，例如：

.active { color: #0083ce; }

在JavaScript中，您需要在srcElement上设置一个活动的类并确保在otherElement循环中删除该类。

您需要使用类似srcElement.className的内容。

参考：https://developer.mozilla.org/en-US/docs/Web/API/Element/className

＆＃13;

function newwindow1(ele) {      
    var links = ['Profiel','Verbinder','Plaatjes','Moeren','Bouten','Scharnieren',
                 'Stelvoeten','Montage','Joints','Afdekken','Netten','Rails','Shuiven',
                 'Toebehoren','Quickboy'];
    var srcElement = document.getElementById(ele);      
    var doShow = true;        
    if(srcElement != null && srcElement.style.display == "block")
        doShow = false;
    for( var i = 0; i < links.length; ++i )    {
        var otherElement = document.getElementById(links[i]);      
        if( otherElement != null )
            otherElement.style.display = 'none';
    }
    if( doShow )
      {
        srcElement.style.display='block';         
        srcElement.className='active';         
    }
  return false;

}

＆＃13;

.active {color: blue;}

＆＃13;

<div id="Profiel" onclick="newwindow1('Profiel');">Profiel</div>
<div id="Verbinder" onclick="newwindow1('Verbinder');">Verbinder</div>

＆＃13;

单击时如何为链接指定颜色

4 个答案: