Du kan skapa en praktisk och intuitiv navigering på webbplatsen med hjälp av länkar. Med den här tekniken kan du göra användarens vistelse på resursidorna så bekväm som möjligt.
Instruktioner
Steg 1
Alla länkar skapas med en tagg som måste stängas med. Sidadressen anges i citat efter attributet href. Resultatet bör vara ungefär så här:
Hemsida
Gå till fotogalleriet
Om du vill navigera till en sida som finns på Internetutrymmet anger du dess adress, till exempel KakProsto.ru. För att ansluta till html-filen på din dator, skriv sökvägen till den. Helst rekommenderas det att byta till engelska för att eliminera långa poster som uppstår när man kopierar en rysskspråkig text med dess efterföljande översättning till önskat format. Exempelvis 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
Länken kan ställas in i form av en bild. För att göra detta, bifoga bilden mellan taggarna och:. För att öppna en fullfjädrad illustration av större storlek när du svävar över en liten ikon måste du använda en massa.
För att organisera en alternativ förändring av bilder, som alla presenteras som en länk och leder till olika sidor, använd koden:
Hemsida
div # rotator {position: relativ; höjd: 150px; marginal till vänster: 15 pixlar;}
div # rotator ul li {float: left; position: absolut; liststil: ingen;}
div # rotator ul li.show {z-index: 500;}
funktion theRotator () {
$ ('div # rotator ul li'). css ({opacitet: 0.0});
$ ('div # rotator ul li: first'). css ({opacity: 1.0});
setInterval ('rotera ()', 5000);
}
funktion rotera () {
var current = ($ ('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 nästa = $ (sibs [rndNum]);
next.css ({opacitet: 0.0})
.addClass ('visa')
.animate ({opacitet: 1.0}, 1000);
current.animate ({opacitet: 0.0}, 1000)
.removeClass ('show');
};
$ (dokument). klar (funktion () {
rotatorn ();
});
Steg 3
För att sidan som länken leder till ska kunna öppnas i ett separat fönster måste du lägga till attributet: Gå.
Steg 4
Om html-dokumentet är för långt kan du lägga in länkar i det. Till exempel, i början kan du skapa en innehållsförteckning, och när du klickar på en viss rubrik flyttar användaren till önskad del av sidan. För att göra detta måste du registrera en länk med # -ikonen: Gå till avsnittet och skapa bokmärken till länkarna: Avsnitt.
Det kommer att se ut så här:
Hemsida
Länk till avsnitt
Sektion
