Havolalar yordamida saytda qulay va intuitiv navigatsiya yaratishingiz mumkin. Ushbu uslub sizga foydalanuvchi resurs sahifalarida qolishini iloji boricha qulay qilish imkonini beradi.
Ko'rsatmalar
1-qadam
Har qanday havola yopilishi kerak bo'lgan teg yordamida yaratiladi. Sahifa manzili href atributidan keyin tirnoqlarda ko'rsatiladi. Natijada shunday bo'lishi kerak:
Veb-sayt
Fotogalereyaga o'ting
Internet maydonida mavjud bo'lgan sahifaga o'tish uchun uning manzilini ko'rsating, masalan, KakProsto.ru. Kompyuteringizdagi html faylga ulanish uchun unga yo'lni yozing. Ideal holda, rus tilidagi matnni kerakli formatga keyingi tarjimasi bilan nusxalashda paydo bo'ladigan uzoq yozuvlarni yo'q qilish uchun ingliz tiliga o'tish maqsadga muvofiqdir. Masalan, fayl: /// 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-qadam
Havola rasm shaklida o'rnatilishi mumkin. Buning uchun rasmni va: teglari orasiga ilova qiling. Kichkina ikonka ustiga o'tsangiz, kattaroq o'lchamdagi to'liq rasmni ochish uchun siz shamlardan foydalanishingiz kerak.
Har biri havola sifatida taqdim etiladigan va turli sahifalarga olib boradigan rasmlarning muqobil o'zgarishini tashkil qilish uchun koddan foydalaning:
Veb-sayt
div # rotator {pozitsiyasi: nisbiy; balandligi: 150 piksel; hoshiya-chap: 15px;}
div # rotator ul li {float: left; pozitsiya: mutlaq; ro'yxat uslubi: yo'q;}
div # rotator ul li.show {z-index: 500;}
theRotator () {funktsiyasi
$ ('div # rotator ul li'). css ({opacity: 0.0});
$ ('div # rotator ul li: first'). css ({opacity: 1.0});
setInterval ('rotate ()', 5000);
}
funktsiya 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: first'));
// var sibs = current.siblings ();
// var rndNum = Math.floor (Math.random () * sibs.length);
// var next = $ (sibs [rndNum]);
next.css ({xira: 0.0})
.addClass ('show')
.animate ({shaffoflik: 1.0}, 1000);
current.animate ({shaffoflik: 0,0}, 1000)
.removeClass ('show');
};
$ (document).ready (function () {
theRotator ();
});
3-qadam
Havola olib boriladigan sahifa alohida oynada ochilishi uchun siz quyidagi xususiyatni qo'shishingiz kerak: Go.
4-qadam
Agar HTML hujjati juda uzun bo'lsa, unda siz uning ichiga havolalarni qo'yishingiz mumkin. Masalan, boshida siz tarkibni tuzishingiz mumkin va ma'lum bir sarlavhani bosganingizda foydalanuvchi sahifaning kerakli qismiga o'tadi. Buning uchun siz # belgisiga ega bo'lgan havolani ro'yxatdan o'tkazishingiz kerak: Bo'limga o'ting va havolalarga xatcho'plar yarating: Bo'lim.
Bu shunday bo'ladi:
Veb-sayt
Bo'limga havola
Bo'lim
