Eine Rollover-Schaltfläche ist eine dynamische Web-Schaltfläche, deren Aussehen sich je nach Position des Mauszeigers des Benutzers ändert. Es enthält drei Zustände: normal, over und down. Der normale Status wird angezeigt, wenn Ihre Maus nicht auf der Schaltfläche ist, der Status „Über“ gilt, wenn Ihre Maus über die Schaltfläche bewegt wird, und der Status „Abwärts“ gilt, wenn Sie auf die Schaltfläche klicken.
Arten und Verwendungen
Rollover-Buttons gibt es in verschiedenen Formen, Größen, Farben und Stilen. Da Bilder in Rollover-Schaltflächen umgewandelt werden können, kann eine Rollover-Schaltfläche auch Bilder enthalten. Eine Rollover-Schaltfläche kann angehoben, abgesenkt, flach oder animiert werden, wenn ein Benutzer darauf klickt.
Video des Tages
Verwendet
Rollover-Schaltflächen werden hauptsächlich als Navigationsschaltflächen auf einer Webseite verwendet, um Personen zu anderen Orten zu leiten. Sie werden auch in Dropdown- und Popup-Menüs verwendet. Andere Rollover-Schaltflächen werden für animierte Effekte und Sounds verwendet, sodass sich ein Bild, eine Farbe, eine Form, ein Text oder ein Ton ändern können, wenn der Benutzer im Web über die Schaltfläche rollt.
Leistungen
Rollover-Schaltflächen erweitern die normale Funktionalität einer Schaltfläche. Sie sind nicht nur optisch ansprechend, sondern sind auch dynamisch, wodurch der Benutzer auf die Tatsache aufmerksam gemacht wird, dass sie aktive Elemente auf der Seite sind. Webdesigner können Soundeffekte hinzufügen, die abgespielt werden, wenn ein Benutzer seine Maus über diese Schaltflächen bewegt. Bei Verwendung in Dropdown- oder Popup-Menüs helfen Rollover-Schaltflächen, Navigationsraum zu sparen.
Empfohlene Größe
Die Dateigröße einer Rollover-Schaltfläche sollte klein sein. Da es sich bei Rollover-Schaltflächen um Bilder handelt, können sie schnell zusätzlichen Speicherplatz auf dem Webserver belegen und die Ladezeit verlängern.
Eine Rollover-Schaltfläche kann mit Bildbearbeitungssoftware wie Adobe Photoshop, Image Ready, Flash und Fireworks erstellt werden. Webbearbeitungssoftwareprogramme wie Dreamweaver und Microsoft Visual Studio Developer können auch zum Erstellen von Rollover-Schaltflächeneffekten verwendet werden. Eine Rollover-Schaltfläche kann auch mit JavaScript oder CSS oder mithilfe von Online-Rollover-Schaltflächengeneratoren fest in eine Webdatei codiert werden.