javascript - Removing a hover effect from a revisited page with back button -

I am working on this website, and there is a little thorn in my favor. When I click on a link on a sticky note, then click on the back button, this link still appears.

At least the script-intensive way to stop the link will still end? The problem appears in Safari, Firefox, and Opera, but not IE8 or Chrome. Both Mac and Windows were tested on the same result (excluding IE8, of course ... only windows.)

I was thinking that to attach any kind of mouseover event to this document Maybe it will not be efficient, because it will fire a lot, unless I understand events as bubble through the DOM.

Here is the source of some JavaScript and HTML, if you have linked me with you,

/ * link hover effect * / // Fix Opera Opera: $ ( 'Tooltip A'). CSS ('left', '0 pixels'); // jquery hover, easily animating color // if it is in the # tooltip, then rotate it on the right side of 5 pixels $ ('A'). Hover (function (if ($ (this) .is ('. Tooltip a')) {$ (this) .stop (). ({Color: '# d42b1d', left: 5}, {duration: 'Sharp'});} and {$ (this) .stop (). ({Color: '# D42B1D'}, {duration: 'sharp'})}}, function () {If ($ (this) .is ('.to Tooltip a')) {$ (this) .stop (). Animate ({color: '# 005B7F', left: 0}, {duration: 600});} and {$ (this) Stop (). Animate ({color: '# 005B7F'}, {duration: 600});}}); ------------------------ -------------------------- & lt; div class = "tooltip transp"> ul> <> & Lt; li & gt; & lt; a href = "#" & gt; About Us & lt; / a & gt; & lt; / li & gt; & lt; li & gt; & lt; a href = "news Php "> News / Events gt;

This is your problem Will be free from

  $ (window) .bind ('beforeunload', function () {$ ('a.tooltip'). CSS ({color: '# 005B7F', left: 0}); });  

However, I ask myself, that all this is worth JS, which can be obtained by CSS and: HOSTER pseudo class.