Hvordan endre en mus ikon i HTML

August 14

Endre musepekeren i HTML-sider er en fin touch for en imponerende brukergrensesnitt. Det er en kreativ måte å spørre brukere for handling, eller det kan brukes til å betegne en ventetid som timeglasset symbol. Det finnes flere innebygde nettleseren musepekere som kan brukes i HTML web-applikasjoner. Bare et par ekstra linjer med kode trengs.

Bruksanvisning

1 Oppsett stilene i overskriften koder. Koden nedenfor setter opp en CSS-klasse som endrer musepekeren når brukeren svever over et avsnitt (HTML-koden for avsnitt er "p"). Denne klassen kalles senere i koden.
<Html>
<Head>
<Style>
p {cursor: trådkors; }
</ Style>
</ Head>

2 Lag et avsnitt avsnitt i HTML-siden. Definer et avsnitt og legg til litt tekst for brukeren å sveve og vise den nye markøren. Koden nedenfor er et avsnitt som er en del av websiden kroppen.
<Body>
<P> Hold markøren over meg </ p>
</ Body>

3 Lagre den nye HTML-side.

4 Åpne ny HTML-side i nettleseren din for å teste koden.

5 Plasser musepekeren over nytt avsnitt. Hvis koden er riktig utført, endrer markøren til et trådkors.