Hoe maak je een Hand Mouseover in CSS



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.

Tips & waarschuwingen
  • 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.

Gerelateerde Artikelen

Hoe maak je een Hand Spa-behandeling

Hoe maak je een Hand Spa-behandeling

Wanneer je handen droge en schrale worden, post naar de spa voor een hand-behandeling is niet altijd een handige optie. Geef uw handen thuis een verwennerij door het uitvoeren van uw eigen hand spabehandeling te bannen van droge huid en laat hen zijd
Hoe maak je een Hand-tot-vinger armband

Hoe maak je een Hand-tot-vinger armband

Maak uw eigen hand-tot-vinger armband, ook bekend als een slaaf armband, om een aangepaste pasvorm voor uw hand. Slaven armbanden hebben een lengte van de keten loopt vanaf de bovenkant van de armband naar de vinger als een ring of gewoon een lus ron
Hoe maak je een Hand Held bruids Fan

Hoe maak je een Hand Held bruids Fan

Een hand-held bruids fan is een handige accessoire voor een buiten bruiloft. Niet alleen kan worden gebruikt ter herdenking van de dag of als een bruiloft gunst, maar het is ook een handige manier om te helpen uw gasten zelf koelen op een warme dag.
Hoe maak je een Hand Pan trommel

Hoe maak je een Hand Pan trommel

Het geluid van steeldrums oproepen voor de geest wereld muziek en eiland vakantie plekken. Een kleinere versie van de bekende olie-tank-trommel is de hand pan trommel. Interessant, is de ontwikkelaar en de belangrijke maker in Zwitserland, niet het C
Hoe maak je een Image Rollover in CSS

Hoe maak je een Image Rollover in CSS

Image rollover-effecten zijn een van de gemeenschappelijke kenmerken van het ontwerp van meer geavanceerde websites. Wanneer u de cursor op een afbeelding met een rollover-effect plaatst, verandert de afbeelding uiterlijk totdat u de cursor weg. Er z
Hoe maak je een Hand Crank

Hoe maak je een Hand Crank

Pedalen op fietsen zijn een soort krukas die u met je voeten activeren, maar er zijn manieren kunt u het genereren van soortgelijke macht met behulp van uw handen, zoals het gebruik van een hand-crank. De hand-crank verschijnt op hand-crank generator
Hoe maak je een Hand-Tufted Trooster

Hoe maak je een Hand-Tufted Trooster

Een zachte hand-tufted trooster voor een baby is een grote slapende mat. De dikte van de Trooster maakt een grote kussen, en moeder zal zitten kundig voor een oogje houden op de baby en sluit indien nodig. Een baby Trooster hoeft niet erg groot, en e
Hoe maak je een hand-out voor School

Hoe maak je een hand-out voor School

Een hand-out is een document bewusteloos informatie te geven. Hand-outs worden meestal gegeven door een leerkracht aan studenten tijdens de lessen; studenten kunnen echter ook hand-outs voor presentatiedoeleinden maken. Leraren of de schoolambtenaren
Hoe maak je een 5 kolomsjabloon Tableless CSS Website

Hoe maak je een 5 kolomsjabloon Tableless CSS Website

Opmaken van een web pagina met trapsgewijze opmaakmodellen in plaats van tabellen kan moeilijk zijn voor mensen die gewend zijn aan de code van de tabel is gebaseerd, met name als het gaat om het plaatsen informatie naast elkaar in kolommen. Als je e
Hoe maak je een Opvouwbare DIV in CSS

Hoe maak je een Opvouwbare DIV in CSS

Gebruik Opvouwbare DIV-tags om bezoekers naar uw website extra om inhoud te lezen zonder gedwongen te vertrekken van de huidige pagina. Deze tags kun je een pagina met talloze uitbreidbaar koppen waarmee gebruikers bekijken alleen de details ze geïnt
Hoe maak je een Hand beschilderde fles met kerstverlichting

Hoe maak je een Hand beschilderde fles met kerstverlichting

Als je de feestelijke gloed van lichten van Kerstmis, overwegen kunt u het gebruik ervan in een decoratieve ambacht. Maak een kerst, of "fairy lights," flessen wijn en versier de buitenkant met verf speciaal voor glas gemaakt. U moet gebruik mak
Hoe maak je een Hand Print Quilt

Hoe maak je een Hand Print Quilt

Er zijn enkele dingen die je gewoon niet wilt een kind handafdrukken aan--muren, ramen, glazen tafels. Wanneer je een kind handafdruk op een quilt, echter is het resultaat een één-van-een vriendelijke creatie die zeker tot een dierbare herinnering. H
Hoe maak je een gestreepte achtergrond met CSS

Hoe maak je een gestreepte achtergrond met CSS

Wanneer u uw website ontwerpt, kunt u kiezen uit een verscheidenheid van achtergronden met inbegrip van duidelijke achtergrondkleuren en -afbeeldingen. Met behulp van CSS voor de stijl van uw website geeft u controle over de achtergrond en kunt u eff
Hoe maak je een vaste achtergrond in CSS

Hoe maak je een vaste achtergrond in CSS

U kunt webpagina's maken met vele stijleigenschappen. Met behulp van HTML en CSS (Cascading Style Sheets) kunt u diverse andere stijlregels die bepalen hoe de inhoud van uw webpagina's worden weergegeven. Is de achtergrond van de stijleigenschappen d