Niko: Ebene folgt dem mauszeiger

Moin....
kann ich eine ebene dem cursor folgen lassen??
so das die x,y-koordinaten des zeigers die left und top position der ebene sind???
für scripte oder tips wäre ich dankbar...

MfG Niko

  1. Hallo!

    kann ich eine ebene dem cursor folgen lassen??
    so das die x,y-koordinaten des zeigers die left und top position der ebene sind???

    Schaue mal in selfhtml oder Forums-Archiv(hier findest Du 100%ig was), wie man die Position einen Mauscoursers ermittelt. Mit den Daten die Du dann ermittels, also x- und y-Wert, positionierst Du den Layer.

    MfG, André Laugks

    --
    L-Andre @ gmx.de
  2. Hallo,

    kann ich eine ebene dem cursor folgen lassen??
    so das die x,y-koordinaten des zeigers die left und top position der ebene sind???
    für scripte oder tips wäre ich dankbar...

    Hier wird sowas gemacht:
    http://www.knopper.net

    Script:
    http://www.knopper.net/style/infobox.js
    Bitte beachte die Lizenz-Hinweise.

    viele Grüße

    Axel

  3. So ich hab mir da was zusammengesucht.....

    <html>
           <head>
    <script language="javascript">

    // browserabfragen
    var nc   = !!(document.captureEvents && !document.getElementById);
    var nc6   = !!(document.captureEvents && document.getElementById);

    function divEvent() {
        if(nc) document.captureEvents(Event.MOUSEMOVE);
        document.onmousemove = divPos;
    }

    function divPos(e)
    {
     yPos      = (nc || nc6)? e.pageY : window.event.y;
     xPos      = (nc || nc6)? e.pageX : window.event.x;

    document.getElementById('Details').style.left=xPos;
           document.getElementById('Details').style.top=yPos;
    }

    </script>
    </head>
    <body bgcolor="#ffffff">
      <div id="Details" style=" position: absolute; z-index: 1; width: 370px; height: 277px; visibility: hidden">
        <table border="0" cellspacing="0" cellpadding="0">
          <tr>
         <td><img src="/pic1.gif" width="369" height="277"></td>
         </tr>
       </table>
    </div><p>
                     <img src="images/menu_home.gif" border="0" onmouseover="document.getElementById('Details').style.visibility='visible'" onmouseout="document.getElementById('Details').style.visibility='hidden'">
                 </p>

    </body>

    </html>

    aber das funktioniert nicht....
    das layer blinkt nur immer wenn ich die maus bewege
    wenn mir jemand den bzw. die fehler sagen könnte...

    MfG Niko