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ïnteresseerd in zonder waden zijn al lange pagina's met tekst maken. Snellere zoekacties maken uw site meer gebruiker vriendelijk en verbeteren van de waarde aan uw bezoekers als een referentie-instrument.

  • Maak een "

    "tag met de pop-uptekst. Plaats deze in de ""sectie van uw HTML-code. Haar eerste weergavestatus ingesteld op geen:

    Popup tekst
    Hoe ziet dit eruit?

  • Toewijzen van een anker-hyperlink moet worden geopend van een JavaScript de werkelijke pop-up als actie wilt uitvoeren op de "

    "tag. In dit script activeert de linkermuisknop te klikken de link. Plaats deze code direct onder de vorige regel:

    Klik om uit te breiden

  • Maak de JavaScript-functie waarmee de zichtbaarheid van uw verborgen CSS"

    "tekst. Schakel deze functie in de ""sectie van uw HTML-code:

Tips & waarschuwingen
  • In dit voorbeeld wordt de tekst "Klik aan weergeven of verbergen" weergegeven met de eigenschappen die zijn toegewezen aan de "

    "tag. De eerste keer dat de gebruiker de tekst, het bericht "Popup tekst", "Hoe werkt deze look?" wordt weergegeven op het scherm met een regelterugloop in plaats van de komma. Het bericht verdwijnt wanneer de gebruiker op de tag een tweede keer.

Gerelateerde Artikelen

Hoe maak je een opvouwbare Menu in CSS

Hoe maak je een opvouwbare Menu in CSS

Cascading Style Sheets of CSS, kan een inklapbaar menu maken zonder gebruik van een programmeertaal zoals Java te worden gebruikt. U kunt uw menu-items die verborgen totdat een gebruiker zijn cursor over hen plaatsen houden. U kunt het aanpassen van
Hoe maak je een opvouwbare kofferrek

Hoe maak je een opvouwbare kofferrek

Koffer stands worden gebruikt in hotels om te houden van uw bagage wanneer u uitpakken. Ze opvouwen bijna altijd, zodat u kunt hen uit de weg wanneer u niet inpakken of uitpakken. Een opvouwbare kofferrek is handig, en een leuke touch voor uw kamer.
Hoe maak je een geneste div-element Override een bovenliggende Div met hoogte-instelling

Hoe maak je een geneste div-element Override een bovenliggende Div met hoogte-instelling

U gebruikt HTML DIV-tags op dezelfde manier als lagen in andere programma's. Div-tags bieden dat een fysieke betekent in code voor u naar designelementen van een website met CSS. In de meeste HTML-pagina's, een ouder of belangrijkste div-tag bevat ki
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 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 Mouseover in CSS

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 wo
Hoe maak je een opvouwbare picknicktafel

Hoe maak je een opvouwbare picknicktafel

Picknick klaptafels kan verschillende vormen aannemen. Onder de referenties en bronnen die voor dit artikel worden vermeld, vindt u een how-to video en bouw plannen voor een uitgebreide paar bankjes die om te vormen van een opvouwbare picknicktafel k
Hoe maak je een opvouwbare boek staan

Hoe maak je een opvouwbare boek staan

Voor mensen die willen lezen constant, is de stand van een boek een welkome aanvulling. Het kan worden ingesteld op de eetkamer tafel zodat een persoon kan lezen en gebruiken van een vork op hetzelfde moment. Beter nog, als het kan worden samengevouw
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
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 opvouwbare stoel Cover zonder naaien

Hoe maak je een opvouwbare stoel Cover zonder naaien

Bewerken van aangepaste opvouwbare stoel covers kunnen zo simpel zijn als het vouwen van stof en koppelverkoop een knoop – geen naaimachine nodig. Opvouwbare stoel covers kan worden gemaakt met elke stof breed genoeg is om te wikkelen rond de stoel.
Hoe maak je een opvouwbare stoel

Hoe maak je een opvouwbare stoel

Opvouwbare stoelen zijn erg handig om te hebben rond het huis, in uw camper, of zelfs in de kofferbak van uw auto. Er zijn tal van verschillende materialen die opvouwbare stoelen kunnen worden gemaakt van, met inbegrip van hout, aluminium, zelfs kuns
Hoe maak je een opvouwbare tussenstijl voor kamer

Hoe maak je een opvouwbare tussenstijl voor kamer

Opvouwbare scherm kamer scheidingslijnen dienen meerdere doeleinden. Ze kunnen een grote ruimte verdelen in kleinere "kamers," toevoegen decoratieve detail of verbergen rommelig gebieden van onverwachte gasten. Maken van uw eigen scheidingslijn
Hoe maak je een opvouwbare Room Divider

Hoe maak je een opvouwbare Room Divider

Grote kamers, werken niet altijd goed zoals ze zijn. U wilt gebruiken van de kamer voor twee verschillende dingen, of er niet genoeg muur ruimte voor alles wat die u wilt plaatsen. Bent u in deze hachelijke situatie, kunt u een scheidsmuur uit vele d