title: Making my own tooltip jquery plugin - relative to mouse, how to know where the mouse is?
body: <p>ok, basically i made 2 functions: show tooltip and hide tooltip and it can get ajax config or simple config, i just show you:</p>
  
  <pre><code>    &lt;style type="text/css"&gt;
  
      .nube{display:none; height:auto; width:auto; position:absolute; z-index:99; left:200px;
            background-color:#fff;
            color:#999; border:1px solid #EEE; padding:20px; padding-top:10px; padding-bottom:10px;
  -moz-border-radius-bottomleft: 0em;
      -webkit-border-bottom-left-radius: 0em;
  -moz-border-radius-bottomright: 0.8em;
      -webkit-border-bottom-right-radius: 0.8em;
  -moz-border-radius-topright: 0.8em;
      -webkit-border-top-right-radius: 0.8em;
  -moz-border-radius-topleft: 0.8em;
      -webkit-border-top-left-radius: 0.8em;
  }
  
  &lt;/style&gt;
  </code></pre>
  
  <p>And this is the Script</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
  function mostrar_tooltip(div,contenido,ajax){
      /// for now this 'if' is returns false allways so the last line its executed only
      if(contenido != ''){
      if(ajax == 0){
          // entonces no hay que
          $('#'+div).load('#'+contenido);
      }else{
          // contenido contiene la palabra clave a enviar a router
          $('#'+div).load('./router.php?que=tooltip&amp;clave='+contenido);
      }
      // ya tenemos el contenido en el div (esta oculto y posicionado con CSS
      }
      $('#'+div).css({position:'fixed', top:($(window).scrollTop()+200)+"px", left:"200px"})
      $('#'+div).fadeIn(300);
  
  }
  
  function ocultar_tooltip(div){
      $('#'+div).fadeOut(100);
  }
  
  
  &lt;/script&gt;
  </code></pre>
  
  <p>html looks like</p>
  
  <pre><code> &lt;span class="nube" id="tip"&gt; TIP HERE &lt;/span&gt;
  
  &lt;p onmouseover="mostrar_tooltip(tip,'',0)" onmouseout="ocultar_tooltip(tip)"&gt; HOVER ME &lt;/p&gt;
  </code></pre>
  
  <p>It works fine, but the problem it's that i want it relative to the mouse, not to the scroll...</p>
  
  <p>I would like the tooltip to be relative to the mouse position, can i do that?</p>
  
  <p>i know has something to do with</p>
  
  <pre><code>  .css({top:evt.pageY, left:evt.pageX})
  </code></pre>
  
  <p>and</p>
  
  <pre><code>function(evt){}
  </code></pre>
  
  <p>but i don't know how to combine it... :S
  thank you!</p>