javascript - 使用 jQuery 的漂亮、微妙、临时突出显示技术

Question

我正在寻找一种技术，它不像我见过的大多数技术那样令人讨厌，它会暂时引起人们对一小段通知的注意。

我一直在笨手笨脚地添加和删除类和包装器 div，到目前为止没有取得太大成功。

感谢建议。

Answer 1

我使用它，如果您需要在单击后突出显示某个部分，它会非常有效。

Highlighting Named Anchors with jQuery

// highlight and fade background on named anchors
// requires jquery.color.js http://plugins.jquery.com/project/color
function highlight(elemId){
    var elem = $(elemId);
    elem.css("backgroundColor", "#ffffff"); // hack for Safari
    elem.animate({ backgroundColor: '#ffffaa' }, 1500);
    setTimeout(function(){$(elemId).animate({ backgroundColor: "#ffffff" }, 3000)},1000);
}

if (document.location.hash) {
    highlight(document.location.hash);
}
$('a[href*=#]').click(function(){
    var elemId = '#' + $(this).attr('href').split('#')[1];
    highlight(elemId);
});