jquery - 根据 URL 突出显示特定的 DIV

Question

我在 faq.html 页面上有一个 FAQ 列表，如下所示:

<div id="faq1">...</div>
<div id="faq2">...</div>

当我通过特定 URL 将访问者发送到那里时，我现在想跳动或简单地突出显示其中一个 DIV。假设在我的结帐页面上有一个链接，上面写着 “在此处查找帮助”，它链接到 #faq2。

如何在 FAQ Div element through 的后台触发简单的高亮动画 (pulsate/blink) 添加触发器网址如下:

http://www.test.com/faq.html?highlight=faq2

Answer 1

如果你可以广告fragment到 URL，您可以使用 CSS :target 伪类。

http://jsfiddle.net/9yNVp/

HTML:

<a href="#see" id="see">See</a> <a href="#works" id="works">works</a> <a href="#well" id="well">well</a>​

CSS:

a:target{
    transition:background-color 1s ease-in;
    -webkit-transition:background-color 1s ease-in;
    -moz-transition:background-color 1s ease-in;
    background-color: yellow;
}​