Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on Aug 23rd, 2012  |  syntax: None  |  size: 0.69 KB  |  hits: 8  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. $(document).ready(function() {
  2.   // Use jquery to create custom tooltips that move with the mouse
  3.   $.each($('div.product-wrapper'), function(i, div) {
  4.     var anchor = $(div).parent();
  5.     var overlay = $(div).next();
  6.    
  7.     var xPaddingPixels = 15;
  8.     var yPaddingPixels = 10;
  9.    
  10.     anchor.mouseover(function(e) {
  11.       overlay.show();
  12.       overlay.css('left', e.pageX + xPaddingPixels);
  13.       overlay.css('top', e.pageY - yPaddingPixels);
  14.     });
  15.    
  16.     anchor.mousemove(function(e) {
  17.       overlay.css('left', e.pageX + xPaddingPixels);
  18.       overlay.css('top', e.pageY - yPaddingPixels);
  19.     });
  20.  
  21.     anchor.mouseout(function(e) {
  22.       overlay.hide();
  23.     });
  24.   });
  25. });