Du kan opprette en praktisk og intuitiv navigering på nettstedet ved hjelp av lenker. Denne teknikken lar deg gjøre brukerens opphold på ressurssidene så behagelig som mulig.
Bruksanvisning
Trinn 1
Enhver lenke opprettes ved hjelp av en tagg som må lukkes med. Sideadressen er angitt i anførselstegn etter attributtet href. Resultatet skal være omtrent slik:
Nettsted
Gå til fotogalleriet
For å navigere til en side som er tilstede i Internett-området, angi adressen, for eksempel KakProsto.ru. For å koble til html-filen på datamaskinen din, skriv stien til den. Ideelt sett anbefales det å bytte til engelsk for å eliminere lange poster som oppstår når man kopierer en russiskspråklig tekst med den påfølgende oversettelsen til ønsket format. For eksempel fil: /// E: /% D0% A3% D1% 87% D0% B5% D0% B1% D0% B0 / XXX% 20% D0% BF% D0% B0% D0% BF% D0% BA% D0% B0 /% D1% 81% D0% B0% D0% B9% D1% 82% 29% 29% 29/11% 20% D1% 81% D1% 82% D1% 80% 20% D1% 80 % D0% B0% D0% B7% D0% BD% D0% BE% D0% B5 /% D0% BE% D0% B1% D0% BE% 20% D0% B2% D1% 81% D0% B5% D0% BC% 20% D0% B3% D0% BB% D0% B0% D0% B2% D0% BD% D0% B0% D1% 8F.html"
Steg 2
Lenken kan settes i form av et bilde. For å gjøre dette, legg bildet mellom taggene og:. For å åpne en fullverdig illustrasjon av større størrelse når du holder markøren over et lite ikon, må du bruke en haug.
For å organisere en alternativ endring av bilder, som hver vil bli presentert som en lenke og føre til forskjellige sider, bruker du koden:
Nettsted
div # rotator {posisjon: relativ; høyde: 150px; margin til venstre: 15px;}
div # rotator ul li {float: left; posisjon: absolutt; liste-stil: ingen;}
div # rotator ul li.show {z-index: 500;}
funksjon theRotator () {
$ ('div # rotator ul li'). css ({opacity: 0.0});
$ ('div # rotator ul li: first'). css ({opacity: 1.0});
setInterval ('roter ()', 5000);
}
funksjon rotere () {
var gjeldende = ($ ('div # rotator ul li.show')? $ ('div # rotator ul li.show'): $ ('div # rotator ul li: first'));
var next = ((current.next (). length)? ((current.next (). hasClass ('show'))? $ ('div # rotator ul li: first'): current.next ()): $ ('div # rotator ul li: first'));
// var sibs = current.siblings ();
// var rndNum = Math.floor (Math.random () * sibs.length);
// var neste = $ (søsken [rndNum]);
next.css ({opacity: 0.0})
.addClass ('show')
.animate ({opacity: 1.0}, 1000);
current.animate ({opacity: 0.0}, 1000)
.removeClass ('show');
};
$ (dokument). klar (funksjon () {
rotatoren ();
});
Trinn 3
For at siden som lenken fører til skal åpnes i et eget vindu, må du legge til attributtet: Gå.
Trinn 4
Hvis html-dokumentet er for langt, kan du sette lenker i det. Helt i begynnelsen kan du for eksempel lage en innholdsfortegnelse, og når du klikker på en bestemt overskrift, vil brukeren flytte til ønsket del av siden. For å gjøre dette må du registrere en lenke med et #-ikon: Gå til seksjonen og opprett bokmerker til lenkene: Seksjon.
Det vil se slik ut:
Nettsted
Lenke til seksjonen
Seksjon
