Dieser Artikel teilt den Beispielcode für Specialep -Beispiele für Ihre Referenz für Ihre Referenz. Der spezifische Inhalt ist wie folgt
Beispiel 1: Deaktivieren Sie die rechte Maustaste
<script type = "text/javaScript"> // den Rückruf für die Maustaste des Dokumentdokuments definieren. // fordern Sie den Benutzer auf, mit der rechten Maustaste zu deaktivieren}} </script>
0 Keine Taste Drücken Sie drücken
1 Drücken Sie die linke Taste
2 Drücken Sie die rechte Taste
3 Drücken Sie die linken und rechten Tasten
4 Drücken Sie die mittlere Taste
5 Drücken Sie die linken und die mittleren Schlüssel
6 Drücken Sie die rechten und die mittleren Schlüssel
7 Drücken Sie alle Schlüssel
Beispiel 2: Definieren Sie die Form der Mauszeiger dynamisch
<script type = "text/javaScript"> // Initialisieren Sie die Mausformfunktion initmouse () {// Holen Sie das Zieldom über den Tag -Namen. Wenn es sich um eine vollständige Webseite handelt, können Sie Body var pdom = document.getElementsByTagName ("P") [0] verwenden. // Die Form des Mauszeigers des Stils modifizieren, Zeiger ist die Form der Hand pdom.style.cursor = 'pointer'; } </script>Name Attributcode
Standard -Pfeilstil Cursor: Standardeinstellung
Handform Cursor: Zeiger
Handform Cursor: Hand
Move Cross Pfeil Cursor: Bewegen Sie sich
HILFE FRAGE MARK CORSOR: HILFE
Crosshair Cursor: Fadenkreuz
Text/Editor Cursor: Text
Cursor nicht freigeben (deaktivieren): No-Drop
Cursor deaktivieren: nicht zugelassen
Automatischer Cursor: Auto
Cursor: Fortschritt
Ändern Sie die Größe nach oben nach oben
Ändern Sie die Größe des Größens nach unten Cursor: s-re-rize
Ändern Sie die Größe in den linken Cursor: W-RSIZE
Ändern Sie die Größe auf den rechten Cursor: E-Resize
Ändern Sie die Größe des linken Cursors nach oben: NW-Riese
Ändern Sie die Größe in den linken Cursor: SW-Resen
Ändern Sie die Größe des rechten Cursors nach oben: NE-Resize
Ändern Sie die Größe in den rechts nach unten nach unten
Beispiel 3: Änderungen der Schriftgröße, wenn die Maus eintritt und ausgeht
<script type = "text/javaScript"> // Verschieben Sie den Mauszeiger in Funktion Mover (pdom) {pdom.style.fontSize = '20px'; // Die Größe der Schriftgröße auf 20 Pixel} // Die Mauszeiger -Funktion mout (pdom) {pdom.style.fontsize = '' bewegen; // Die Größe der Schriftgröße für die Schriftgröße auf Standard} </script> <!-Definieren Sie einen Bereich-> <p style = "Margin: 5px Auto; Breite: 100px; Höhe: 100px; Rand: 1PX Solid Black;" Onmouseover = "Mover (this);" Onmouseout = "Mout (this);"> Bewegen Sie die Maus in diesen Bereich </p> </p>Beispiel 4:
<script type = "text/javaScript"> var nowpos; // aktuelle Position var mytimer; // Timer -Variable Funktion startit () {// Startfunktion // Timer starten, in 10 Millisekunden mytimer = window.setInterval ("scrollPage ()", 10); } // STOP -Funktion Funktion stopit () {// Timer ClearInterval (MyTimer) abbrechen; } // scroll function function scrollpage () {window.scrollby (0,1); // scrollen Sie in einem Pixel} document.onmouseDown = stopit; // Schnapp das Klicken Sie auf Ereignisdokument.ondblclick = startIt; // Hören Sie sich das Doppel-Klick-Ereignis </script> anBeispiel 5: Auf dem Link mit der Maus werden verschiedene Farben angezeigt
<script type = "text/javaScript"> // Definieren Sie die MOuseOver -Ereignisfunktion definelEnLinkColor () {// Holen Sie die DOM aller Links in der Webseite var linkdoms = document.getElementsByTagName ("a"); // Die Links DOM für (var i = 0; i <linkdoms.length; i ++) {// Ereignisrückruf für jeden Link Mausover Linkdoms [i] .onmouseover = function () {this.style.color = 'red' definieren; // Ändern Sie den Farbstil für den aktuellen Link} linkdoms [i] .onmouseout = function () {this.style.color = ''; // Default}}}} </script> wiederherstellenBeispiel 6: Deaktivieren Sie die Mausscheibe
<script type = "text/javaScript"> Funktion init () {// Die Ereignisrückruffunktion des Schleimscheibens des Dokuments von Riemenscheiben dokument neu definieren. // Der Benutzer wird aufgefordert, keine Riemenscheiben zu verwenden. // false zurückgeben, nichts wird getan (dieser Satz kann nicht übersehen werden, sonst scrollen er immer noch)}; } </script>Das obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es wird für das Lernen aller hilfreich sein und ich hoffe, jeder wird Wulin.com mehr unterstützen.