Mausover

Im Computer, a Mausover, Maus schweben oder schwebende Box ist ein Grafisches Steuerelement das wird aktiviert, wenn die Benutzer bewegt oder schwebt die Zeiger über einem Triggerbereich, normalerweise mit a Maus, aber auch möglich mit a digitaler Stift. Mausover -Kontrollelemente sind häufig in Internetbrowser. Zum Beispiel über a schweben Hyperlink löst das Mausover -Steuerelement aus, um a anzuzeigen URL auf der Statusleiste. Site -Designer können ihre eigenen Mausover -Ereignisse verwenden JavaScript[1] oder Cascading Style Sheets.[2]

Mausover Veranstaltungen werden häufig in verwendet Web-Design und grafische Benutzeroberfläche Programmierung.

Es wird auch als Rollover bezeichnet, der sich auf eine Schaltfläche bezieht, die von einem Webentwickler oder Webdesigner erstellt wurde und in a gefunden wurde Website, verwendet, um Interaktivität zwischen dem Benutzer und der Seite selbst zu bieten. Der in dieser Hinsicht in dieser Hinsicht begriffen Begriff stammen aus dem visuellen Prozess des "Rollens des Mauszeigers über die Taste", wodurch die Taste reagiert (normalerweise visuell, indem das Quellbild der Schaltfläche durch ein anderes Bild ersetzt) ​​und manchmal zu einer Änderung der Netze führt Seite selbst. Der Teil des Begriffs "Roll" bezieht sich wahrscheinlich auf ältere Mäuse, die eine mechanische Baugruppe hatten, die aus einer harten Kautschukkugel besteht, die in der Basis der Maus (die Rolls) entgegen der moderne optische Maus, die keine Rollteile hat, untergebracht ist.

Rollover können durch Bilder, Text oder Schaltflächen durchgeführt werden. Der Benutzer benötigt nur zwei Bilder/Schaltflächen (mit dem möglichen Hinzufügen von "Alt" -Text zu diesen Bildern), um diese interaktive Aktion auszuführen. Rollover-Bilder können entweder durch ein Programm mit integriertem Tool oder Skriptcodierung durchgeführt werden. Der Benutzer muss ein erstes Bild auswählen und ein alternatives sekundäres Bild auswählen. Eine Mausaktion muss entweder auf "Klicken" oder auf "Maus über" eingestellt werden, damit der Rollover ausgelöst werden kann. Wenn sich das Mausover auf das Bild bewegt, wird das ALT -Bild/Sekundärbild angezeigt, bleibt jedoch nicht - wenn der Benutzer die Maus aus dem Bild "ausschaltet", taucht das ursprüngliche Quellbild wieder auf.

Tooltip

Hauptartikel: Tooltip

Eine besondere Verwendung von Mouseover -Event ist a Tooltip Dies zeigt eine kurze Beschreibung des Objekts unter dem Zeiger. Der Tooltip erscheint erst, nachdem die Maus oder der Stift für eine bestimmte Zeit über dem Objekt gehalten wurden.

Auf Bildern können diese mit dem erstellt werden Html Titel Attribut.[3]

Beispiele 

 <img Ich würde="mein Bild" src="/images/myimage.jpg" Onmouseover="Alarm ('deine Nachricht');"> 
// JavaScript -Code ohne Framework <Ref>var Myimg = dokumentieren.GetElementById('mein Bild');</ref> Funktion meine Nachricht() {  Alarm('Ihre Nachricht'); } wenn (Myimg.AddEventListener) { // AddEventListener ist die Standardmethode, um Objekten Ereignisse hinzuzufügen.  Myimg.AddEventListener("Mausover", meine Nachricht, FALSCH); } anders wenn (Myimg.Anhang) { // für Internet Explorer  Myimg.Anhang("Onmouseover", meine Nachricht); } anders { //Für andere Browser  Myimg.Onmouseover = meine Nachricht; } 
// jQuery Beispiel. Es verschlechtert sich gut, wenn JavaScript im Clientbrowser deaktiviert ist. $("IMG").Mausover(Funktion() {  Alarm('Ihre Nachricht'); });

Verweise

  1. ^ JavaScript Onmouseover
  2. ^ Erweitertes CSS -Menü | von Webdesignerwand
  3. ^ "Ein Wortschatz und eingehaltene APIs für HTML und XHTML". Abgerufen 16. Februar 2015.

Externe Links

  • Verstecktes CSS -Menü Ein mehrstufiges Mausover-Menu in reinem CSS (d. H. Kein JavaScript)
  • Dontclick.it Demonstration der Navigation mit nur Mausover (erfordert Flash Player)