Question

I’m looking for a technique that isn’t obnoxious like most that I’ve seen, that will temporarily raise attention to a small notification passage.

I’ve been clunking around with adding and taking away classes and wrapper divs, without much success thus far.

Suggestions appreciated.

Answer 1

I use this and it works really well if you need to highlight a section after a click.

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);
});