如何使用javascript激活链接

我有以下链接

   <ul class="dropdown dropdown-horizontal">
        <li><a href="#" class="dir" onClick="clickMe('Wall'); selectedTab('Wall');">Wall</a></li>
        <li><a href="#" class="dir" onClick="clickMe('Introduction');">Introduction</a></li>
        <li><a href="#" class="dir" onClick="clickMe('Activities');">Activities</a></li>
        <li><a href="#" class="dir" onClick="clickMe('Reviews');">Reviews</a></li>
        <li><a href="#" class="dir" onClick="clickMe('Recommendation');">Recommendation</a></li>
        <li><a href="#" class="dir" onClick="clickMe('Photos');">Photos</a></li>
        <li><a href="#" class="dir" onClick="clickMe('Discussion');">Discussion</a></li>
    </ul>

---

如果我点击任何链接，那么它一定会亮起。

我想你需要CSS psuedo选择器。

最简单的方法是使用jquery

你会有这样的想法：

$('.menuItem').click(function() {
    $('.current').removeClass("curret"); // To remove the highlight from the previous selection
    $(this).addClass("current") 
});

---

然后，在css中，您可以使用所需的样式声明当前样式。与css伪选择器相比，它的一个优点是，如果菜单是ul，您可以执行类似$（this）.parent（）的操作来访问链接的父元素。

您不需要javascript来执行此操作。一些CSS规则就足够了

根据您需要的行为，您可以使用一个或全部HTML伪选择器（：link，：visted，：hover，：active）

链接选择器指定链接因任何原因未被单击或激活时的行为，换句话说，在其正常状态下

：active伪类向激活的元素添加样式

如果您需要更具体，例如想突出显示鼠标上方的内容（换句话说，仅当链接位于鼠标下方时），请将其放在HTML的标题部分：

<style type="text/css" media="screen">
    a:hover { background: #fbdbe8; color: #F55B99;}
</style>

<style type="text/css" media="screen">
    a:visited { background: #fbdbe8; color: #F55B99;}
</style>

a:悬停{背景：#fbdbe8；颜色：#F55B99；}

如果您想突出显示您已经访问的内容，而不是未访问的内容，请将其放在HTML的标题部分：

<style type="text/css" media="screen">
    a:hover { background: #fbdbe8; color: #F55B99;}
</style>

<style type="text/css" media="screen">
    a:visited { background: #fbdbe8; color: #F55B99;}
</style>

答：访问{背景：#fbdbe8；颜色：#F55B99；}

然后，当您返回页面时，每个单击的链接都会突出显示

当然，您可以将我所说的样式规则添加到外部.css文件中，而不是将它们放在头部。

Hmm:

<a href="#" id='photos'
onclick="var photos=document.getElementById('photos');photos.style.background='chartreuse';false;">
Photos</a>

这是JavaScript，中间没有任何空格。每当您想在样式中定义它们时，请记住“爱恨排序”：<代码>：链接，<代码>：访问的，<代码>：HORY/<代码>，<代码> A:活动< /代码>。否则它可能会在某些浏览器中疯掉。