Utnyttja muspekare

Att byta muspekare med stilmallen fungerar endast i Internet Explorer. I Netscape visas standardmarkören i stället.
Markör Peka och pröva Skriv i stilmallen Tråkig pekpinne

Man bör vara återhållsam med att byta muspekare på sidorna. Jag har besökt sidor där alla de 14 olika markörerna hade utnyttjats – och jag kände mig både förvirrad och lätt idiotförklarad.

Det blev ungefär som när det står "Klicka här" på var och varannan rad. Det påpekandet var kanske befogat i Internets barndom, men numera vet nog de flesta surfare att det är meningen att man skall klicka på länkarna.

Netscape

Att Netscape inte klarar att byta markör hindrar inte att du använder andra muspekare. Det enda som händer är att Netscape visar standardmarkören i stället, det vill säga den som skulle ha visats om du inte hade bytt genom stilmallen.

Du bör dock avstå från att skriva anvisningar i stil med "När markören förvandlas till ett timglas ..." Det skulle göra sidorna förbryllande för alla som använder Netscape.

Se till att dina sidor inte blir beroende av ändrade musmarkörer.
Peka och pröva cursor: default;
Peka och pröva cursor: crosshair;
Peka och pröva cursor: hand;
Peka och pröva cursor: move;
Peka och pröva cursor: text;
Peka och pröva cursor: wait;
Peka och pröva cursor: help;
Peka och pröva cursor: n-resize;
Peka och pröva cursor: ne-resize;
Peka och pröva cursor: e-resize;
Peka och pröva cursor: se-resize;
Peka och pröva cursor: s-resize;
Peka och pröva cursor: sw-resize;
Peka och pröva cursor: w-resize;
Peka och pröva cursor: nw-resize;
Syntax

Selektor {cursor: värde;} - byt selektor mot till exempel taggen som skall använda muspekaren eller ett klassnamn och värde mot lämplig muspekare ur tabellen ovan.

Stilmallen

Du kan ändra muspekare i enstaka länkar, i delar av sidorna, på enstaka sidor eller i hela webbplatsen.

En enstaka länk

<a href="länkadressen" style="cursor:help">Länktexten</a>

Om du kommer att byta muspekare på flera ställen flyttar du förstås stilmallen till HEAD-elementet.

Flera markörbyten

<HTML>
<HEAD>
<TITLE>Min hjälpsida</TITLE>
<STYLE type="text/css">
.hjelp {cursor: help;}
.tillbaka {cursor: w-resize;}
.vidare {cursor: e-resize;}
</STYLE>
</HEAD>
<BODY>
<A href="länkadressen" class="hjelp">Hjälp</A>
<A href="länkadressen" class="tillbaka">Föregående sida</A>
<A href="länkadressen" class="vidare">Nästa sida</A>
</BODY>
</HTML>

Om en hel sida skall ha en och samma muspekare använder du en taggselektor.

Hela sidan

<HTML>
<HEAD>
<TITLE>Min hjälpsida</TITLE>
<STYLE type="text/css">
A {cursor: help;}
</STYLE>
</HEAD>
<BODY>
<A href="länkadressen">Hjälp</A>
<A href="länkadressen">Mer hjälp</A>
<A href="länkadressen">Mest hjälp</A>
</BODY>
</HTML>

Om olika avsnitt av sidan skall ha annorlunda muspekare, skriver du klasser i HEAD-elementet och anropar dem från SPAN-taggar.

Använd SPAN-taggen

<HTML>
<HEAD>
<TITLE>Min hjälpsida</TITLE>
<STYLE type="text/css">
.hjelp {cursor: help;}
.kopiera {cursor: hand;}
</STYLE>
</HEAD>
<BODY>
<SPAN class="hjelp">
<A href="länkadressen">Hjälp</A>
<A href="länkadressen">Mer hjälp</A>
<A href="länkadressen">Mest hjälp</A>
</SPAN>
<SPAN class="kopiera">
<A href="länkadressen">Kopiera texten</A>
<A href="länkadressen">Kopiera mer text</A>
<A href="länkadressen">Kopiera mest text</A>
</SPAN>
</BODY>
</HTML>

Skall du använda annorlunda muspekare på flera sidor, flyttar du definitionerna till den globala stilmallen.

 I den globala stilmallen

.help {cursor: help;}
.timglas {cursor: wait;}
.kopiera {cursor: hand;}
.flytta {cursor: move;}

©SupportData.Net
www.supportdata.net