whycomputer.com >> Datornätverk >  >> Internet

Hur man gör en hopfällbar DIV i CSS

Använd hopfällbara DIV -taggar för att göra det möjligt för besökare på din webbplats att läsa ytterligare innehåll utan att tvingas lämna den aktuella sidan. Med dessa taggar kan du skapa en sida med många expanderbara rubriker som låter användarna bara se detaljerna som de är intresserade av utan att ladda genom långa sidor med text. Snabbare sökningar gör din webbplats mer användarvänlig och ökar dess värde för dina besökare som ett referensverktyg.

Steg 1

Skapa en "" -tagg som innehåller popup-texten. Placera detta i " "i din HTML -kod. Ange dess ursprungliga visningsläge till inget:

Popup -text
Hur ser detta ut?

Steg 2

Tilldela en ankarhyperlänk för att öppna ett JavaScript för att utföra den faktiska popup-åtgärden på "

"-taggen. I det här skriptet, genom att klicka på vänster musknapp aktiveras länken. Placera den här koden direkt under föregående rad:Klicka för att expandera

Skapa JavaScript -funktionen som styr synligheten av din dolda CSS -text. Placera denna funktion i " "i din HTML -kod:

Dricks

  • I det här exemplet, texten "Klicka för att visa eller dölja" visas med egenskaperna tilldelade "" -taggen. Första gången användaren klickar på texten, meddelandet "Popup text", "Hur ser det här ut?" visas på skärmen med vagnretur i stället för komma. Meddelandet försvinner när användaren klickar på taggen en andra gång.

URL:https://sv.whycomputer.com/internet/1014007853.html

Internet
  • Hur man gör ett collage på Photobucket

    Photobucket är en webbplats som tillåter datoranvändaren ett enkelt sätt att ladda upp och dela sina digitala fotografier. Webbplatsen har ett användarvänligt gränssnitt med en mängd olika alternativ för redigering och lagring av onlinefoton. Bland de många funktioner som erbjuds av Photobucket finn

  • Hur man gör kolumner med linjer i Word

    När du skapar ett nyhetsbrev eller en broschyr, ett stort textblock kan vara tråkigt och till och med irriterande att läsa. Istället, texten ska köras i platsbesparande och visuellt tilltalande kolumner. Microsoft Word har en funktion som låter dig skapa snygga, enhetliga kolumner åtskilda av ett ve

  • Hur man gör HLR -reklamblad

    År 2010, den livräddande medicinska tekniken för HLR, eller hjärt -lungräddning, firar sitt gyllene (50 -årsjubileum). Enligt American Heart Association, användning av HLR efter ett plötsligt hjärtstopp kan fördubbla eller tredubbla offrets chanser att överleva. Oavsett om du vill främja HLR -medvet

Datornätverk © https://sv.whycomputer.com