Freie Scripten und Tutorials erstellt von Roland Geyer       Startseite | Gästebuch

Mausabhängige Veränderungen

Dieses Script zeigt das verschieben eines Fensters durch bewegen der Maus über das Bild. Gleichzeitig werden die Mouskoordinaten bekanntgegeben:
<script>
  w=window.open("","","width=100,height=100");
  w.moveTo(0,0);

  function test(){
        w.document.open();
        w.document.write(event.clientX+"<br>"+event.clientY);
        w.document.close();
        w.moveTo(event.clientX,event.clientY);
        }
</script>

Beispiel

Dieses Script zeigt die Veränderung der Größe eines Bildes durch bewegen der Maus über das andere Bild. Gleichzeitig werden in einem eigenem Fenster die Mouskoordinaten bekanntgegeben:

<html>
  <head><
    <script>
		  w=window.open("","","width=100,height=100");
			w.moveTo(0,0);

      function test(){
        w.document.open();
        w.document.write(event.clientX+"<br>"+event.clientY);
        w.document.close();
        document.foto.width = event.clientX;
      }
    </script>
  </head>
  <body>
    <a href="#" onmousemove="test()"><img src="bild1.jpg"></a><br>
    <img name="foto" src="bild1.jpg">
    </body>
</html>

Beispiel




Weitere freie Tutorials: Rhetorik & Kommunikation Typografie & Layout Bildbearbeitung mit Photoshop oder GIMP Vektorgrafik mit Illustrator, FreeHand, Corel Draw oder Inkscape Layout mit Indesign oder Scribus Druckvorstufe GoLive Html JavaScript Flash & ActionScript Director & Lingo Assembler DOS Java objektorientiert Perl Word Excel Access PowerPoint Outlook Betriebssystem