Links og overgange er fælles programmeringsværktøjer , mens de deler nogle fælles funktionalitet , de har nogle vigtige forskelle. Overgange er som links på steroider , hvilket giver dig mere magt og muligheder, men de er langt mere kompliceret at skabe. Links
Links direkte besøgende til information i en anden placering . Links fungerer som udgange på en motorvej , så den besøgende til at vælge bestemte destinationer , de gerne vil besøge. Links kan enten være tekst eller udnytte en grafisk , såsom et billede af en knap. Når du klikker på et link , din browser belastninger og viser den nye , destination siden.
Rollovers
Rollovers vise oplysninger til et websted besøgende . Når du holder markøren over en rollover , din browser viser et nyt billede på siden. Når din markør driver off af rollover , er billedet fjernet. Et simpelt eksempel på en rollover er en knap, der skifter farve , når en besøgende svæver over det. Overgange kan også fungere som links . Dette giver dig mulighed for at vise oplysninger , når en besøgende svæver over rollover giver samtidig mulighed for den besøgende til at klikke på rollover og være rettet til en anden side for yderligere information.
Hvordan Links Work
Links er skabt ved hjælp af ankeret ( a) tag . Anker tags fortæl din browser, du refererer en bestemt placering, enten inden for dit aktuelle side eller på en anden side. Du kan derefter fortælle browseren, hvor det ankerpunkt er ved hjælp af en attribut . At linke til en anden side , skal du bruge " href " ( hypertekst reference) attribut. Denne attribut tildeles værdien (URL eller adresse ) på den destination siden. Du kan derefter give enten den tekst, du gerne vil vise for dit link eller bruge billedet ( img ) tag at vise et billede for dit link . Endelig er du fortælle din browser linket er færdig ved at lukke din anker tag .
Hvordan Rollovers Work
Rollovers er langt mere kompliceret end simple links , og kræver brug af scripts . I header sektionen af din side , skal du fortælle browseren til forudindlæs din rollover billede, når siden er indlæst. I kroppen sektionen , du stadig bruge ankerkode , men du bruger " onMouseOver " og " onMouseOut " scripts. Disse scripts fortælle browseren til at vise det billede, du forudindlæste når en besøgendes musen er over rollover og fjerne det billede , når deres markøren blade. Link funktionalitet føjes til rollover ved at bruge " onClick " script , fortæller browseren til at indlæse en bestemt side (URL ), når rollover er klikket på.
Rollover Eksempel
< p> Overgange kan du selektivt vise oplysninger , forbedre den besøgendes oplevelse og bruge mindre plads. Hvis du for eksempel har en " personale" side, hvor du liste alle dine medarbejdere sammen med deres billeder og BIOS, kan det tage op en masse plads og overvælde en besøgende med for meget information på én gang. I stedet kan du vælge at bruge rollovers for kun at vise en ansats billede og bio når en besøgende svæver over deres navn , og henvise dem til den ansattes side for mere information , når der klikkes på linket .