Rollover händelser inträffar varje gång användaren svävar en mus över dina HTML-element webbsida . Du kan använda dessa triggers för att ändra musmarkören . Markören förändras automatiskt när det placeras över vissa element såsom en länk . Musen ändras till en hand när det placeras över en hyperlänk på sidan . Du kan emulera detta beteende och ändra musmarkören när användaren svävar över en bild , punkt , div avsnitt eller bord . Beteendet ändras med hjälp av JavaScript . Instruktioner
1
Öppna din HTML-fil och bläddra ner till den plats där elementet där du vill rolloverhändelse att verkställa . En enkel textredigerare kan användas för att skapa Javascript rollover händelser .
2
Lägg till " onMouseOver " händelse till ett element . I detta exempel är markören ändras när användaren svävar över ett stycke inslag . Följande kod lägger händelsen egenskapen till HTML-taggen :
My Test < /p > Addera 3
Lägg den Javascript-kod som ändrar musmarkören . I detta exempel är muspekaren ändras till ett hårkors ikon. Följande kod ändrar musmarkören :
My Test < /p >
4
Spara filen och öppna det i din webbläsare . Håll musen över texten i stycket . Markören förändras från pil till ett hårkors ikon .