CODEWITHSUNDEEP
javascriptcsshtml
Theodore R. Smith
Theodore R. Smith

Reputation: 23259

Sound on mouse hover, how?

Please check out http://www.schillmania.com/content/entries/2004/10/24/application-xhtml+xml/

Every single link on the right hand column makes a small audible "bump" noise whenever the mouse pointer is hovering over it.

I inspected the CSS for the links but saw nothing relevant.

How is this done?

Upvotes: 1

Views: 136

Answers (1)

Danny Beckett
Danny Beckett

Reputation: 20866

Using Google Chrome, I right-clicked one of the <li>'s that "bumps" and chose Inspect Element.

From there, I chose Event Listeners > mouseover > div#right.

The listenerBody shows as:

$('right').onmouseover = function(e) {
      // so dirty.
      var o = (e.target?e.target:e.srcElement);
      if (o.tagName && o.tagName.toLowerCase() == 'a' || (o.parentNode && o.parentNode.tagName.toLowerCase() == 'a') || (o.className && Y.D.hasClass(o,'noisy'))) {
          soundManager.play('beep');    
}

It's on line 5,602 of http://www.schillmania.com/2009/2009.js

Upvotes: 3

Related Questions