Kényelmes és intuitív navigációt hozhat létre a webhelyen linkek segítségével. Ez a technika lehetővé teszi, hogy a felhasználó az erőforrásoldalakon való tartózkodását a lehető legkényelmesebbé tegye.
Utasítás
1. lépés
Bármelyik link egy címke segítségével jön létre, amelyet le kell zárni. Az oldal címét idézőjelek jelzik a href attribútum után. Az eredménynek valami ilyennek kell lennie:
Weboldal
Ugrás a fotógalériába
Az internetes térben található oldalra való navigáláshoz adja meg annak címét, például a KakProsto.ru címet. Ha csatlakozni szeretne a számítógépén található html fájlhoz, írja be annak elérési útját. Ideális esetben ajánlatos az angolra váltani, hogy kiküszöbölhetők legyenek azok a hosszú feljegyzések, amelyek egy orosz nyelvű szöveg és a későbbi fordítás szükséges formátumba történő másolásakor merülnek fel. Például fájl: /// 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"
2. lépés
A link kép formájában állítható be. Ehhez csatolja a képet a és: tag közé. Ha egy kis ikon fölé viszi az egérmutatót, akkor teljes értékű, nagyobb méretű illusztrációt nyithat meg.
Alternatív képváltás megszervezéséhez, amelyek mindegyike linkként jelenik meg és különböző oldalakra vezet, használja a kódot:
Weboldal
div # rotator {pozíció: relatív; magasság: 150px; bal margó: 15 képpont;}
div # rotator ul li {float: balra; pozíció: abszolút; list-style: nincs;}
div # rotator ul li.show {z-index: 500;}
függvény theRotator () {
$ ('div # rotator ul li'). css ({átlátszatlanság: 0.0});
$ ('div # rotator ul li: first'). css ({átlátszatlanság: 1.0});
setInterval ('rotate ()', 5000);
}
függvény rotate () {
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: első'));
// var sibs = current.siblings ();
// var rndNum = Math.floor (Math.random () * sibs.length);
// var next = $ (sibs [rndNum]);
next.css ({átlátszatlanság: 0.0})
.addClass ('show')
.anim ({átlátszatlanság: 1,0}, 1000);
current.animate ({fedettség: 0.0}, 1000)
.removeClass ('show');
};
$ (dokumentum).ready (függvény () {
theRotator ();
});
3. lépés
Annak érdekében, hogy az oldal, amelyre a link vezet, külön ablakban nyíljon meg, hozzá kell adnia a következő tulajdonságot: Go.
4. lépés
Ha a html dokumentum túl hosszú, akkor linkeket helyezhet el benne. Például a legelején készíthet tartalomjegyzéket, és amikor rákattint egy adott fejlécre, a felhasználó az oldal kívánt részére lép. Ehhez regisztrálnia kell egy linket # ikonnal: Lépjen a szakaszba, és hozzon létre könyvjelzőket a linkek: Szakaszhoz.
Így fog kinézni:
Weboldal
Link a szakaszhoz
Szakasz
