JavaScript ermöglicht eine Website , auf Benutzereingaben Ereignisse zu reagieren , die Änderung der Inhalt einer Seite auf verschiedenen Maus-und Tastatureingabe Maßnahmen basiert. Menüs und Schaltflächen dienen oft als Auslöser für diese Veränderungen, aber DIVs kann gleichermaßen anspricht . Ein DIV ist ein HTML-Tag , die als Container für andere Inhalte, wie Text und Bilder dient . Maus über einem Teil des DIV auslösen können eine Veränderung. Bewegen Sie die Maus aus dem DIV auslösen können andere. Anleitung
1

Legen Sie eine Hilfsfunktion zwischen Ihrem Kopf -Tags, die Ihr Skript Arbeit können in allen Browsern . Die Funktion wird Ereignis-Listener auf HTML-Elemente in die Seite einfügen . Wenn sie genannt wird, findet die Hilfsfunktion drei Argumente oder Sätze Unterrichtssprache: . Das Zielelement , Art der Veranstaltung und Funktion zu Call of

Funktion addEvent (obj, type , fn) {
< p > if ( obj.attachEvent ) {

obj [ 'e' + Art + fn ] = fn ;

obj [type + fn ] = function () { obj [ 'e' + Art + fn ] ( window.event );}

obj.attachEvent ( 'on' + Art , obj [type + fn ] ); } else

obj . addEventListener (Typ, fn , false); }

2

erstellen Sie eine Funktion zwischen den Kopf-Tags , die die Last Ereignis oder das Laden der Seite nutzt in dem Fenster , zu nennen die " testMouse "-Funktion . Dies wird zwei Ereignis-Listener , um Ihre DIV anhängen :

window.onload = testMouse ;
3

erstellen Funktionen, die in der Farbe Ihrer DIV Änderung auf der Seite führen wird basierend auf dem Mouseover und mouseout Veranstaltungen. Beginnen Sie, indem " testMouse ", die das DIV durch ihre ID erhalten " testDiv . " Hören Sie den Mouseover oder mouseout Ereignisse und rufen Sie die " addColor " oder " removeColor "-Funktionen sind. Erstellen Sie die " addColor " und " removeColor " Funktionen, die Hintergrundfarbe zu ändern

Funktion testMouse () { var

divField = document.getElementById (" testDiv "); .
< P > addEvent ( divField , ' Mouseover ' , addColor );

addEvent ( divField , ' mouseout ' , removeColor ); }

Funktion addColor () {

var removeColor () { var

divField = document.getElementById (" testDiv ");

divField.style.backgroundColor = ""; }

4

Ihren DIV -Tags und Probe Text zwischen den Body-Tags des Dokuments :

5

Platz CSS Stile für Ihre dIV zwischen den Kopf-Tags , damit es eine feste Größe und geben Sie ihm einen blauen Hintergrund :