Trapsgewijze opmaakmodellen zijn (CSS) tekstbestanden die zijn gekoppeld aan HTML-pagina's waarmee het ontwerp en het uiterlijk van de pagina. CSS heeft verschillende mouseover effecten naast de gewone "pijl". Standaard, de meeste webbrowsers worden weergegeven de "hand"-muisaanwijzer over actieve koppelingen, of tekst of afbeeldingen. Er is echter een methode te dwingen een "hand mouseover" in CSS. Let wel, echter dat aangezien "hand mouseover" duidt meestal op een hot-spot, zoals een link, met behulp van het in plaatsen dan links websitegebruikers misleiden kan.
Wat die u nodig hebt
- Website
- CSS
Open de webpagina en het bijbehorende CSS-bestand in twee verschillende vensters met behulp van een HTML-editor of een teksteditor zoals Kladblok.
Het bepalen van het gebied binnen de web-pagina, waar het effect van "hand mouseover" moet actief worden. Scannen via de HTML-code te vinden de met DIV-tag voor het overeenkomstige gebied van de webpagina.
Opmerking de CSS selector voor de DIV-tag, zoals "id" of "klasse."
Afromen via het CSS-bestand en vind de verwante codeblok dat de DIV-tag definieert. Gebruik CSS-selector voor dit doel, "id" of "klassen."
Voeg de CSS coderegel "cursor: aanwijzer;" aan het blok van de code van de CSS van de DIV-tag.
- CSS-bestanden volledig gescheiden van het ontwerp van de HTML-broncode; dus de meeste ontwerpaspecten kunnen volledig worden behandeld met CSS alleen, hoewel Javascript codefragmenten kunnen vergelijkbare functionaliteit verkrijgen.
- Er zijn andere muisaanwijzer effecten, zoals draadkruis, formaat, help, beweging, vooruitgang, wachten en tekst. Eenvoudige vervanging van de lijn van CSS code "cursor: aanwijzer;" met het gewenste effect is alles wat nodig is om het wijzigen van de muisaanwijzer in het bepaalde lay-out element, in dit geval de DIV-tag.
- Hoewel "standaard" is een optionele waarde voor de CSS-eigenschap "cursor", is het niet nodig om het te vermelden tenzij alle bovenliggende tags zijn gedefinieerd met de aangepaste cursor waarden, en de betreffende onderliggende tag moet bezitten cursor standaardwaarden.
- CSS "cursor" eigenschap is overgeërfd door standaard, waardoor dat het kind blokken cursor gedrag zal overnemen van hun bovenliggende blokken.
- Hand mouseover is de standaardinstelling voor cursors, toen via koppelingen. Gedwongen hand-mouseovers op tekst zonder opmaak of gebieden kunnen het misleiden van de gebruikers laten denken dat ze werkelijke links zijn. Dit kan gebruikerservaring binnen de webpagina of website nadelig beïnvloeden.
- Regels voor CSS-code en CSS codeblokken worden gescheiden door puntkomma's en accolades, respectievelijk. Weglaten van alle dergelijke tekens die in CSS kan onverwachte fouten veroorzaken en/of genereren van valse HTML-opmaakcodes. De enige uitzondering is dat de puntkomma van een laatste CSS coderegel (net voor de accolade sluiten) binnen een codeblok niet nodig is.