单页网站链接颜色切换Javascript

我有一个单一的网页微型网站，我正在建设，所有的内容都在一个页面上。我正在使用锚标签跳转到网站的特定部分。我试图实现的是一个跨浏览器解决方案，它将使我的链接颜色与以下内容相同：悬停并保持直到另一个链接被点击，然后作为回报将使先前点击的链接恢复到正常状态。单页网站链接颜色切换Javascript

请帮忙！由于

来源

2012-07-12 Robert Taylor

这里是JSFiddle

HTML

<a href="#" class="selected">Test 1<a> 
<a href="#" class="">Test 2<a>

CSS

a.selected { 
    color: pink; 
}

的JavaScript（使用jQuery）

$("a").on("click", function() { 
    if ($(this).hasClass("selected")) { return; } 

    $("a").removeClass("selected");   
    $(this).addClass("selected"); 
});

的解决方案。在这个例子中，我使用所有的日e页面上的锚定标记。使用类更具体地选择它们可能更好。

在运行上面的代码之前，添加下面一行html，但在页面中放置尽可能低。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

来源

2012-07-12 18:45:59

我正在使用cufon。这不适用于cufon。你偶然知道一个解决方法吗？ – 2012-07-12 20:53:06

关于如何使用像Cufon这样的字体替换工作的任何想法？ – 2012-07-12 22:06:43

@RobertTaylor那么有多种解决方案。 1：你可以将jQuery添加到页面，在Cufon之前加载jQuery，并使用jQuery代替$（查找如何使用这两个的答案）。 2：不要使用Cufon。 3：将上面的代码重写为纯JavaScript，这需要更多的代码。 – 2012-07-12 22:17:00

单页网站链接颜色切换Javascript

回答

相关问题