Het wijzigen van de muisaanwijzer op een Website

Door standaard, de muisaanwijzer of cursor, is op een website een pijl of een ik-bar. U kunt echter de cursor te wijzigen in een wijzende vinger wanneer de bezoeker over een link, of misschien een dradenkruis symbool zweeft wanneer de bezoeker op een knop nullen. De cursor kan worden aangepast met CSS (trapsgewijze opmaakmodellen) door het toevoegen van stijl en cursor kenmerken aan de HTML-codes waarnaar u wilt dat de cursor wijziging toe te passen. Het gaat hierbij om alinea's, links, afbeeldingen of zelfs de hele pagina.

Instructies

1

Open de webpagina bewerken software en de webpagina die u wilt aanpassen van de cursor.

2

De HTML-code voor de pagina weergeven.

3

Ga naar de sectie van de pagina waarnaar de aangepaste cursor toe te passen.

4Het wijzigen van de muisaanwijzer op een Website


Stijl toevoegen = "cursor: ATTRIBUUT" aan de tag die u de stijl wilt te beïnvloeden, waar kenmerk is het cursortype ter vervanging van de standaardcursor. Het kenmerk "draadkruis" creëert een groot plusteken cursor, "tekst" creëert de standaard ik-bar u zien op een scherm van tekstverwerking, "wachten" en "vooruitgang" maken de typen cursors u zien wanneer de computer bezig is iets te doen, die per besturingssysteem verschilt en "pointer" maakt de wijzende vinger cursor. De HTML-code in een alineacode ingesteld op het gebruik van de "" tekstcursor, eruitziet: < P style = "cursor: tekst" > de tekst van uw paragraaf gaat hier. < /P >

5

Een stijl cursor kenmerk toevoegen aan de < A >-tag van een hyperlink naar de cursor voor alleen de koppeling wijzigen. De HTML-code zou uitzien: < een stijl = "cursor: aanwijzer" href="mydomain/another_page.html" > Klik hier om naar een andere pagina in mijn site. < /A >

6Het wijzigen van de muisaanwijzer op een Website


Een stijl en cursor kenmerk toevoegen aan de < BODY >-code als u wilt dat de cursor te veranderen voor de hele pagina. De HTML-code zou uitzien: < body stijl = "cursor: draadkruis" >. U kunt een totale lichaam tag cursor instellen en nog een andere cursor voor afzonderlijke alinea's, links en grafische tags.

7Het wijzigen van de muisaanwijzer op een Website


Een stijl en cursor kenmerk toevoegen aan de < TD >-codes voor een tabel als u wilt dat de cursor te wijzigen wanneer de bezoeker de muis over een cel in de tabel plaatsen. De HTML-code zou uitzien: < td stijl = "cursor: tekst" > tekst in de tabel cel. < /td >

8

Sla de wijzigingen in uw web-pagina en open de pagina in een webbrowser om te testen de cursor stijlen in actie.

Tips & waarschuwingen

  • De cursor "url," opgemaakt als style="cursor:url('mycursor.cur') toeschrijven", kan worden gebruikt voor het wijzigen van de cursor in een aangepaste .cur of .png cursor afbeelding u ontwerpt, maar dit wordt niet consequent herkend in alle browsers of besturingssystemen.
  • Omdat niet alle browsers dezelfde manier cursor stijlen worden weergegeven, moet u uw web-pagina testen in meerdere browsertoepassingen om de resultaten te zien. Overwegen het doel voor het gebruik van een aangepaste cursor en de cursor op uw webpagina niet willekeurig veranderen. Een wijzende vinger cursor, bijvoorbeeld, vertelt een bezoeker klikt u op iets. Using op voort onmogelijk gebieden van de webpagina kan verwarrend zijn voor uw bezoekers.