U kan 'n maklike en intuïtiewe navigasie op die webwerf skep met behulp van skakels. Met hierdie tegniek kan u die gebruiker se verblyf op die hulpbronbladsye so gemaklik moontlik maak.
Instruksies
Stap 1
Enige skakel word gemaak met behulp van 'n etiket waarmee jy moet sluit. Die bladsy-adres word in aanhalings na die href-kenmerk aangedui. Die resultaat moet so wees:
Webwerf
Gaan na die fotogalery
Om na 'n bladsy in die internetruimte te navigeer, dui die adres aan, byvoorbeeld KakProsto.ru. Skryf die pad daarheen om aan die html-lêer op u rekenaar te koppel. In die ideaal is dit raadsaam om na Engels oor te skakel om lang rekords wat ontstaan as u 'n Russies-teks met die daaropvolgende vertaling in die vereiste formaat kopieer, uit te skakel. 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
Die skakel kan in die vorm van 'n prentjie gestel word. Om dit te doen, sluit die prentjie tussen die en: tags in. Om 'n volwaardige illustrasie van 'n groter grootte te open as u oor 'n klein ikoon sweef, moet u 'n klomp gebruik.
Gebruik die kode om 'n alternatiewe verandering van foto's, wat as 'n skakel aangebied word en na verskillende bladsye lei, te organiseer:
Webwerf
div # rotator {posisie: relatief; hoogte: 150px; marge-links: 15 px;}
div # rotator ul li {float: links; posisie: absoluut; lysstyl: geen;}
div # rotator ul li.show {z-index: 500;}
funksioneer theRotator () {
$ ('div # rotator ul li'). css ({opacity: 0.0});
$ ('div # rotator ul li: first'). css ({opacity: 1.0});
setInterval ('draai ()', 5000);
}
funksie draai () {
var huidige = ($ ('div # rotator ul li.show')? $ ('div # rotator ul li.show'): $ ('div # rotator ul li: eerste'));
var volgende = ((huidige.volgende (). lengte)? ((huidige.volgende (). hasClass ('toon'))? $ ('div # rotator ul li: eerste'): huidige.volgende ()): $ ('div # rotator ul li: eerste'));
// var sibs = current.siblings ();
// var rndNum = Math.floor (Math.random () * sibs.length);
// var volgende = $ (sibs [rndNum]);
next.css ({ondeursigtigheid: 0.0})
.addClass ('show')
.animate ({dekking: 1.0}, 1000);
huidige.animate ({dekking: 0.0}, 1000)
.removeClass ('show');
};
$ (document).ready (funksie () {
theRotator ();
});
Stap 3
Om die bladsy waarna die skakel lei in 'n aparte venster te open, moet u die kenmerk byvoeg: Go.
Stap 4
As die html-dokument te lank is, kan u skakels daarin plaas. Heel aan die begin kan u byvoorbeeld 'n inhoudsopgawe maak, en as u op 'n spesifieke opskrif klik, sal die gebruiker na die gewenste gedeelte van die bladsy beweeg. Om dit te doen, moet u 'n skakel met die # -ikoon registreer: Gaan na die afdeling en skep boekmerke vir die skakels: Afdeling.
Dit sal so lyk:
Webwerf
Skakel na afdeling
Afdeling