3

我想突出显示当前的“#id”片段：

就像 URL 是：http://localhost:4321/store/zapakshop/#943

然后 id=943 应该突出显示..

我已经尝试过了，但它不起作用：

$(document).ready(function () {
    $(window.location.hash).effect("highlight", {
        color: "#FF0000"
    }, 3000);       
    });

帮我...

4

5 回答 5

5

是的，它正在工作，但它正在永久改变颜色我只想要一个闪光灯...... – user2217267

Snook有一个用 CSS3 做这件事的好例子。这是一个工作示例，改编自该页面：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">

<style type="text/css" media="all">
:target {
    -webkit-animation: target-fade 3s 1;
    -moz-animation: target-fade 3s 1;
}

@-webkit-keyframes target-fade {
    0% { background-color: rgba(0,0,0,.1); }
    100% { background-color: rgba(0,0,0,0); }
}

@-moz-keyframes target-fade {
    0% { background-color: rgba(0,0,0,.1); }
    100% { background-color: rgba(0,0,0,0); }
}
</style>

</head>

<body>
<p>Click the link to <a href="#goal">target the div</a>.


<div id="goal">This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. This is the div. </div>

</body>
</html>
于 2013-04-30T13:33:59.497 回答
4

在包含 jquery 本身之后，您必须包含 jquery UI：

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
于 2013-04-30T12:19:44.677 回答
1

您可以在 CSS 中使用目标伪类。这会突出显示具有当前在 URL 上作为哈希值显示的 ID 的元素。

*:target {
    background-color: yellow;
}

MDN：https ://developer.mozilla.org/en-US/docs/css/%3Atarget

于 2013-04-30T12:32:18.527 回答
0

如果您只是将样式应用于与 URL 中的哈希具有相同 ID 的元素，则可以通过target伪选择器执行此操作：

:target {
   color:#f00;
}

资料来源：http ://css-tricks.com/almanac/selectors/t/target/

Sacha 打败了我，但我会留下我的 CSS 技巧文章的链接，该文章很好地解释了这个伪选择器。

于 2013-04-30T12:43:52.333 回答
0

我这样做了

document.getElementById(id).style.outline = 'red solid 3px';

这适用于所有具有轮廓的元素（如文本区域）。如果你想让它闪烁 100 毫秒，你的下一行可以是：

window.setTimeout(unoutline, 100);

你会像这样定义一个函数 unoutline：

function unoutline()
{
  document.getElementById(id).style.outline = '';
}

您可以在http://www.staerk.de/regex上查看运行中的代码。

于 2013-08-17T07:28:05.393 回答