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

Untitled

By: a guest on May 2nd, 2012  |  syntax: None  |  size: 0.73 KB  |  hits: 39  |  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. onmousemove event
  2. function mymove(e)
  3. {
  4. var event=new MouseEvent(e);
  5.     x = 20;
  6.     y = 10;    
  7.  
  8.     document.getElementById('mye').style.left = event.pageX + x+'px' ;
  9.     document.getElementById('mye').style.top = event.pageY - y+'px';
  10.  
  11.  
  12.     }
  13.        
  14. #mye {
  15.     height: 25px;
  16.     width: 250px;
  17.     position: absolute;
  18.     background: #ddd;
  19. }
  20.        
  21. <div id="mye">Content</div>
  22.        
  23. var mymove = function (e) {
  24.     var x = 20,
  25.         y = 10,
  26.         mye = document.getElementById('mye');
  27.  
  28.     mye.style.left = (parseInt(e.clientX) + x) + 'px';
  29.     mye.style.top = (parseInt(e.clientY) - y) + 'px';
  30. };
  31.  
  32. // Don't forget to add this in an onload or ondomready.
  33. document.getElementById('mye').onmousemove = mymove;
  34.        
  35. window.onmousemove = mymove;