[JQuery] kleine Infobox @ tutorials.de: Tutorials, Forum & Hilfe

chuvak · 24.07.11 14:35

Ich habe mit JQuery eine kleine Infobox erstellt, die neben der Maus erscheint, wenn man mit der Maus auf eine kleine Grafik fährt und verschwindet, wenn die Maus wieder raus ist.

Das ist der Code:

HTML-Code:

<!DOCTYPE html>
<html>
  <head>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <style>
      .box
      {
        position: absolute;
        width: 200px;
        height: 100px;
        background-color: #00f0f0;
        display: none;
      }
    </style>
  </head>
  <body>
    <img src="http://images.wikia.com/fable/images/5/54/Information.png" id="click" height="30" width="30" />
    <div class="box">Ganz viel interessanter und nützlicher Inhalt!</div>

    <script>
      $("#click").mouseenter(function () {
        $('.box').fadeIn();
      });
      
      $("#click").mouseleave(function () {
        $('.box').fadeOut();
      });

      $(document).mousemove(function(e){
        $(".box").offset({ 
          top: e.pageY+10, 
          left: e.pageX+10 });
      }); 
    </script>
  </body>
</html>

Alles klappt auch, allerdings wenn ich mit der Maus mehrmals hin und her fahre, fängt die Box manchmal einige Mal an zu "blinken".
Weiß jemand, was ich falsch gemacht habe?

Danke!

***CPoly*** · 24.07.11 18:35

http://api.jquery.com/stop/

tut orials.de	tut verbinden	tut dir helfen	tut kooperieren
©2000-2012 tutorials.de Alle Rechte vorbehalten	tut informieren » Impressum » Nutzungsregeln » Netiquette » Team » Redaktion	» Tutorials » Videotutorials » Showroom » Events & Contests » Chat » RSS-Feed » Blogs	» der-webdesigner.net » DesignerInAction » Design Nation » Directorforum » Flashhilfe » PHP-Resource » PHPwelt » PSD-Tutorials

Themen-Optionen

Anzeige

Ähnliche Themen

Suche kleine Aufträge besonders für jQuery (oder auch XHTML, CSS, C#, Java, ...)

onClick Infobox

Kleine jQuery Abfrage funktioniert unter IE nicht

Infobox

Infobox?

Stichworte

E-Mail:

Abonnieren Abbestellen