Դուք կարող եք կայքում ստեղծել հարմարավետ և ինտուիտիվ նավարկություն ՝ օգտագործելով հղումներ: Այս տեխնիկան թույլ է տալիս հնարավորինս հարմարավետ դարձնել օգտագործողի մնալ ռեսուրսների էջերում:
Հրահանգներ
Քայլ 1
Linkանկացած հղում ստեղծվում է պիտակի միջոցով, որը պետք է փակվի: Էջի հասցեն նշվում է գների մեջ href հատկանիշից հետո: Արդյունքը պետք է լինի այսպիսի մի բան.
Կայք
Գնալ լուսանկարների պատկերասրահ
Ինտերնետային տարածքում առկա էջը նավարկելու համար նշեք դրա հասցեն, օրինակ `KakProsto.ru: Ձեր համակարգչում html ֆայլին միանալու համար գրեք դրան տանող ուղին: Իդեալում, ցանկալի է անցնել անգլերենի, որպեսզի բացառվեն երկար գրառումները, որոնք առաջանում են ռուսալեզու տեքստը դրա հետագա թարգմանության հետ պահանջվող ձևաչափում պատճենելու ժամանակ: Օրինակ, ֆայլ. /// 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
Հղումը կարող է դրվել նկարի տեսքով: Դա անելու համար կցեք պատկերը և. Պիտակների միջև: Ավելի մեծ չափի լիարժեք նկարազարդում բացելու համար, երբ սավառնում եք փոքրիկ պատկերակի վրա, անհրաժեշտ է օգտագործել մի փունջ:
Նկարների այլընտրանքային փոփոխություն կազմակերպելու համար, որոնցից յուրաքանչյուրը կներկայացվի որպես հղում և կհանգեցնի տարբեր էջերի, օգտագործեք ծածկագիրը.
Կայք
div # rotator {դիրքը: հարաբերական; բարձրությունը `150px; լուսանցքից ձախ ՝ 15px;}
div # rotator ul li {float: ձախ; դիրքը ՝ բացարձակ; ցուցակի ոճ ՝ ոչ մեկը;}
div # rotator ul li.show {z-index: 500;}
գործառույթը theRotator () {
$ ('div # rotator ul li'). css ({անթափանցիկություն ՝ 0,0});
$ ('div # rotator ul li: first'). css ({անթափանցիկություն ՝ 1.0});
setInterval ('պտտել ()', 5000);
}
գործառույթը պտտել () {
var ընթացիկ = ($ ('div # rotator ul li.show')? $ ('div # rotator ul li.show'): $ ('div # rotator ul li: first'));
var հաջորդ = ((ընթացիկ. Հաջորդ (). երկարությունը)? ((ընթացիկ. Հաջորդ (). hasClass ('ցուցադրել')))? $ ('div # rotator ul li: first'): $ ('div # rotator ul li: first'));
// var sibs = current.siblings ();
// var rndNum = Math.floor (Math.random () * sibs.length);
// var հաջորդ = $ (sibs [rndNum]);
next.css ({անթափանցիկություն. 0.0})
.addClass («շոու»)
. կենդանի ({անթափանցիկություն ՝ 1.0}, 1000);
ընթացիկ. կենդանի ({անթափանցիկություն. 0.0}, 1000)
. RemoveClass («շոու»);
};
$ (փաստաթուղթ): պատրաստ (գործառույթ () {
theRotator ();
});
Քայլ 3
Որպեսզի էջը, որին հղումը տանում է, բացվում է առանձին պատուհանում, պետք է ավելացնել հատկանիշը ՝ Գնալ:
Քայլ 4
Եթե html փաստաթուղթը չափազանց երկար է, ապա դրա ներսում կարող եք հղումներ տեղադրել: Օրինակ, հենց սկզբից դուք կարող եք կազմել բովանդակության աղյուսակ, և երբ կտտացնում եք որոշակի վերնագիր, օգտվողը կտեղափոխվի էջի ցանկալի հատված: Դա անելու համար հարկավոր է գրանցել հղում # պատկերակով. Գնացեք բաժին և ստեղծեք էջանիշներ դեպի հղումները. Բաժին:
Դա նման կլինի այսպես.
Կայք
Հղում դեպի բաժին
Բաժին
