U kunt een handige en intuïtieve navigatie op de site maken met behulp van links. Met deze techniek kunt u het verblijf van de gebruiker op de bronpagina's zo comfortabel mogelijk maken.
instructies:
Stap 1
Elke link wordt gemaakt met behulp van een tag waarmee moet worden afgesloten. Het pagina-adres wordt aangegeven tussen aanhalingstekens na het href-attribuut. Het resultaat zou ongeveer als volgt moeten zijn:
Website
Ga naar fotogalerij
Om naar een pagina in de internetruimte te navigeren, geeft u het adres op, bijvoorbeeld KakProsto.ru. Om verbinding te maken met het html-bestand op uw computer, schrijft u het pad ernaar toe. In het ideale geval is het raadzaam om over te schakelen naar het Engels om lange records te elimineren die ontstaan bij het kopiëren van een Russischtalige tekst met de daaropvolgende vertaling in het vereiste formaat. Bijvoorbeeld bestand: /// 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"
Stap 2
De link kan worden ingesteld in de vorm van een afbeelding. Om dit te doen, plaatst u de afbeelding tussen de en: tags. Om een volwaardige illustratie van een groter formaat te openen wanneer je de muisaanwijzer over een klein pictogram beweegt, moet je een bos gebruiken.
Gebruik de code om een alternatieve verandering van afbeeldingen te organiseren, die elk als een link worden gepresenteerd en naar verschillende pagina's leiden:
Website
div # rotator {positie: relatief; hoogte: 150px; marge-links: 15px;}
div # rotator ul li {float: left; positie: absoluut; lijststijl: geen;}
div # rotator ul li.show {z-index: 500;}
functie theRotator () {
$ ('div # rotator ul li') css ({dekking: 0.0});
$ ('div # rotator ul li: eerste') css ({opacity: 1.0});
setInterval ('roteren ()', 5000);
}
functie roteren () {
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: eerste'));
// var broers en zussen = huidige.broers en zussen ();
// var rndNum = Math.floor (Math.random () * sibs.length);
// var volgende = $ (broers en zussen [rndNum]);
volgende.css ({dekking: 0.0})
.addClass ('toon')
.animeren ({dekking: 1.0}, 1000);
huidige.animate ({dekking: 0.0}, 1000)
.removeClass ('toon');
};
$ (document).klaar (functie () {
deRotator ();
});
Stap 3
Om de pagina waarnaar de link leidt in een apart venster te openen, moet u het attribuut: Go toevoegen.
Stap 4
Als het html-document te lang is, kunt u er links in plaatsen. U kunt bijvoorbeeld helemaal aan het begin een inhoudsopgave maken en wanneer u op een specifieke kop klikt, gaat de gebruiker naar het gewenste deel van de pagina. Om dit te doen, moet u een link met een #-pictogram registreren: Ga naar de sectie en maak bladwijzers aan voor de links: Sectie.
Het zal er als volgt uitzien:
Website
Link naar sectie
Sectie
