Browser-Test : JavaScript-Beispiel 2 (dynamische Bilder)

Ein schöner Effekt ist es, Bilder durch neue Bilder (oder andere Objekte) zu ersetzen oder zu ergänzen, sobald die Maus über sie drüber fährt. Man spricht auch vom OnMouseOver-Event.

Die beiden Buttons unten sollen das demonstrieren. Wundert Euch nicht : Der Link verzweigt immer wieder auf den Anfang dieser Seite; ich habe ihn nur verwendet, weil die Event-Handler im Netscape Navigator zusammen mit dem IMG-Steuerelement (und einer Reihe weiterer Steuerelemente) nicht genutzt werden können. Das ist etwas schade, wird sich aber sicher bald ändern.

Der JavaScript-Code fragt außerdem vorher ab, mit welchem Browser-Typ und -Version Du arbeitest. Der Effekt arbeitet nur mit dem Netscape Navigator ab Version 3 und dem Microsoft Internet Explorer ab Version 4. Bei allen übrigen Browsern wird das JavaScript einfach überlesen und Du siehst jederzeit die gewöhnliche Grafik.




Bei dem nun folgenden Beispiel solltest Du mal mit der Maus die einzelnen Städte auf der Landkarte ansteuern und auf die Statuszeile am unteren Ende des Browsers achten. Hier erscheint jeweils ein kurzer Satz. Bei unserer Hauptstadt geschieht jedoch etwas anderes (Du solltest dazu einge Zeit au der Berlin-Position verweilen).




Hier geht es weiter !