En överrullningsknapp är en dynamisk webbknapp som ändrar utseende beroende på var användarens muspekare befinner sig. Den innehåller tre tillstånd: normal, över och ner. Det normala tillståndet visas när musen är borta från knappen, övertillståndet gäller när musen rullar över knappen, och nedåtläget gäller när du klickar på knappen.
Typer och användningsområden
Överrullningsknappar finns i olika former, storlekar, färger och stilar. Eftersom bilder kan konverteras till rollover-knappar kan en rollover-knapp också innehålla bilder. En rollover-knapp kan höjas, sänkas, platt eller animeras när en användare klickar på den.
Dagens video
Används
Överrullningsknappar används främst som navigeringsknappar på en webbsida för att dirigera människor till andra platser. De används också i rullgardinsmenyer och popup-menyer. Andra överrullningsknappar används för animerade effekter och ljud, så en bild, färg, form, text eller ljud kan ändras när användaren rullar över knappen på webben.
Fördelar
Överrullningsknappar utökar en knapps normala funktionalitet. De är inte bara visuellt attraktiva, utan överrullningsknappar är också dynamiska, vilket ändrar användaren till det faktum att de är aktiva element på sidan. Webbdesigners kan lägga till ljudeffekter som kommer att spelas upp om en användare för musen över dessa knappar. När de används i rullgardinsmenyer eller popup-menyer hjälper rullningsknapparna till att spara navigeringsutrymme.
Föreslagen storlek
Filstorleken på en överrullningsknapp bör vara liten. Eftersom rollover-knappar är bilder kan de snabbt ta upp extra utrymme på webbservern och öka laddningstiden.
En rollover-knapp kan skapas med bildredigeringsprogram, som Adobe Photoshop, Image Ready, Flash och Fireworks. Webbredigeringsprogram som Dreamweaver och Microsoft Visual Studio Developer kan också användas för att skapa rollover-knappeffekter. En rollover-knapp kan också hårdkodas till en webbfil med JavaScript eller CSS eller genom att använda online-rollover-knappgeneratorer.
