Hvordan utvide og skjule tekst i HTML
HTML 5 lover rike interaktive nettsteder, men i øyeblikket varierer nettleserene i funksjonen implementeringer og mange bedrifter har ennå ikke distribuert nettlesere kompatible med den nye standarden. Likevel kan rik interaksjon implementeres med nåværende nettlesere. For de som har en liten JavaScript-opplevelse, kan du prøve å bruke innerhTML-egenskapen til div-taggen for å utvide og utarbeide konturer og legge til interaktiv hjelp til nettstedet ditt.
Lag et nytt prosjekt
Åpne ditt favorittverktøy for webutvikling og opprett et nytt nettsted. Microsofts Visual Studio-verktøy vil bli brukt her siden WebDev-versjonen kan lastes ned gratis, og den inneholder en innebygd webserver.
Opprett en ny HTML-side
Opprett en ny side default.htm. Klikk på "Project", "Add Item" og velg "HTML Page" og navngi det default.htm. Hvis en standard.aspx-fil allerede finnes, sletter du den. Bytt til HTML eller Markup visning og legg til følgende kode etter taggen.
Eksempelside
Eksempelside
1 ? Tittel 1
2? Tittel 2
H3-taggen oppretter en sideoverskrift med tittelen "Sample Page", etterfulgt av to linjer med en oversikt. Hver linje starter med et nummer, et spørsmålstegn og en tittel. Spørsmålene er omgitt av anker ((koder som gjør dem til klikkbare koblinger. Etter hver tittel har vi lagt til en tom div-kode der ekstra tekst kan settes inn.
Legg til JavaScript
Legg til en JavaScript-funksjon som kan aktiveres av hver av spørsmålstegnene som følger:
Hver av linkene kaller JavaScript-funksjonen help_click, passerer div tagnamet og litt ekstra tekst. Funksjonen testes først for å se om div-merket er tomt (div.innerHTML == ""). Hvis koden er tom, legger koden til et linjeskift (
), tre tomme tegn () etterfulgt av teksten. Hvis div allerede inneholder tekst, blir markeringen inne i div-merket slettet.
Test den nye siden
Test koden. For Visual Studio, klikk på "F5" -tasten. Når siden vises, klikker du på et av spørsmålstegnene. Første gang lenken i linje 1 blir klikket, utvides konturen for å inkludere teksten "Tilleggs tekst for tittel 1". Den andre gangen koblingen blir klikket, går teksten bort. Med en liten kreativ kode kan denne samme teknikken brukes til å lage trevisninger, komplekse skisser eller å vise og skjule hjelpetekst.
Populære Innlegg
Når du låner penger, blir renten typisk belastet som en måte for långiveren å tjene penger på lånet. Å forstå hvor mye interesse som blir belastet og hvordan interessen skal beregnes, er avgjørende for å ta stilling til om man skal godta vilkårene for lånet. En metode for å beregne renter er kjent som "ubetalt balanse metode". Hvem bruker
Les Mer
Den medfølgende lyden på video presentasjoner, opplæringsprogrammer eller e-postvedlegg kan forstyrre dine ansatte og gi dem innblikk i private visninger. Selv om du ikke kan deaktivere PC-høyttalere teknisk sett i Windows Media Player, kan du funksjonelt oppnå samme effekt. Hvis du har mer enn én lydenhet på datamaskinen, fjerner du PC-høyttalere fra tjenesten i spilleren ved å velge en annen enhet. Hvis du
Les Mer
Tider er tøffe --- spesielt hvis du er 13 år gammel. Du har lyst til å jobbe, men du oppfyller ikke alderskravet for de fleste arbeidsgivere. Men fortvil ikke. Mange tjenester krever ikke erfaring fra en profesjonell, så en tenårings energi og kreativitet kan ofte være nok til å generere en liten bedrift. Step
Les Mer
Den bærbare pekefeltet styrer musepekeren, men kan også utføre andre oppgaver. Hjørnens hjørner fungerer som sensitive trykksoner, og valg av dem kjører bestemte snarveier. For eksempel kan en snarvei på berøringspanelet maksimere eller minimere det nåværende vinduet. Genveiene kan også kontrollere mediespilleren din, skrive ut det åpne dokumentet eller starte en nettleser. Disse snar
Les Mer
Avanserte e-postprogrammer lar deg legge til en signaturblokk for utgående e-postmeldinger og angi forskjellige skriftstiler og farger for teksten i forskjellige typer e-postmeldinger. I Microsoft Office Outlook kan du angi en skrifttype og -farge for å opprette nye meldinger og en annen skrifttype og farge for e-postmeldinger som du svarer på eller videresender. H
Les Mer