Yshopnoosa.com

HTML-bild hovringseffekter

HTML-bild hovringseffekter

Bild rollover är en effekt som skapas på webbsidor för att underlätta navigeringen för slutanvändaren. Anta exempelvis att när du handlar på en webbplats du hittar något att köpa och du är redo att betala. En vit knapp som säger "Köp nu" kan bli grön när du rullar över den med musen, som anger att det är rätt knapp Klicka för att få till en säker betalningssida. Även om webbsidor byggs med hjälp av HTML-kod, skapas inte rollover-effekt i HTML, utan snarare en av två andra programspråk som gör interaktiva webbsidor. En rollover-effekt, även känd som en mouseover, är en av de vanligaste navigeringsverktyg på webben.

Hyperlänkar

De flesta webbsidor använder rollover-effekt som ett ankare för en hyperlänk, vilket innebär att att klicka på den kommer att få användaren till en annan webbplats, öppna en annan webbsida, eller hoppa till någon annanstans på den aktuella sidan. Använder en överrullning utan en hyperlänk, därför, kan vara förvirrande för vissa användare eftersom de har kommit att förvänta sig ett visst resultat. En pedagogisk webbplats kan visa bilder eller text be om någon form av identifiering och rulla över dem avslöjar svaret, men denna användning av mouseover är mer sällsynt än en hyperlänk. Web byggare försöker använda diskretion när du väljer för att använda en mouseover effekten för något annat än en hyperlänk.

JavaScript

Före 2004 avrättades kodar för mouseover effekten i JavaScript, som är ett programmeringsspråk som manipulerar HTML. JavaScript inbäddad i HTML-koden körs händelser och är reaktiv till data som utbyts mellan servern och slutanvändaren. Detta gav webbsidor ett komplett utbud av interaktivitet. Rollovers har alltid varit en av de mest populära användningsområdena för JavaScript på webben. JavaScript används fortfarande men inte lika omfattande som det en gång var.

CSS

Ett annat sätt att manipulera HTML är med hjälp av Cascading Style Sheets eller CSS, infördes på webben i 2004. Dessa programmering avrättningar gör mycket av vad JavaScript gör med sin egen uppsättning kommandon. CSS kan skapa mer imponerande effekter med mycket mindre skriftliga kod. En mouseover effekten med CSS är effektivare än JavaScript, vilket innebär att webbsidor laddas snabbare och användarens webbläsare behöver inte har JavaScript aktiverat. Hovringseffekter är kraftfulla verktyg, men för många på en sida kan bli tröttsamt. Bra programmerare vet att måtta är alltid bäst.