Linklərdən istifadə edərək saytda rahat və intuitiv bir naviqasiya yarada bilərsiniz. Bu texnika istifadəçinin resurs səhifələrində qalmasını mümkün qədər rahat etməyə imkan verir.
Təlimat
Addım 1
Hər hansı bir link bağlanmalı olan bir etiket istifadə edərək yaradılır. Səhifə ünvanı href atributundan sonra tırnak işarələrində göstərilir. Nəticə belə olmalıdır:
Veb səhifə
Fotoqalereyaya gedin
İnternet məkanında olan bir səhifəyə getmək üçün onun ünvanını göstərin, məsələn, KakProsto.ru. Kompüterinizdəki html sənədinə qoşulmaq üçün onun yolunu yazın. İdeal olaraq, rus dilindəki bir mətnin sonrakı tələb olunan formata köçürülməsi ilə kopyalanarkən ortaya çıxan uzun qeydləri aradan qaldırmaq üçün İngilis dilinə keçmək məsləhətdir. Məsələn, 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"
Addım 2
Bağlantı bir şəkil şəklində qurula bilər. Bunu etmək üçün şəkli və: etiketleri arasında əlavə edin. Kiçik bir ikonanın üzərinə getdiyiniz zaman daha böyük bir ölçülü tam hüquqlu bir illüstrasiya açmaq üçün bir dəstə istifadə etməlisiniz.
Hər biri bir keçid kimi təqdim ediləcək və fərqli səhifələrə aparacaq alternativ şəkillər dəyişikliyini təşkil etmək üçün kodu istifadə edin:
Veb səhifə
div # rotator {mövqe: nisbi; hündürlük: 150 piksel; margin sol: 15px;}
div # rotator ul li {float: left; mövqe: mütləq; siyahı stili: yoxdur;}
div # rotator ul li.show {z-index: 500;}
theRotator () funksiyası {
$ ('div # rotator ul li'). css ({qeyri-şəffaflıq: 0.0});
$ ('div # rotator ul li: first'). css ({opacity: 1.0});
setInterval ('rotate ()', 5000);
}
funksiya döndür () {
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 ({qeyri-şəffaflıq: 0.0})
.addClass ('show')
.animate ({qeyri-şəffaflıq: 1.0}, 1000);
cari.animate ({qeyri-şəffaflıq: 0.0}, 1000)
.removeClass ('show');
};
$ (sənəd). hazırdır (function () {
theRotator ();
});
Addım 3
Linkin ayrı bir pəncərədə açılacağı səhifə üçün atributu əlavə etməlisiniz: Get.
Addım 4
HTML sənəd çox uzundursa, içərisinə keçidlər qoya bilərsiniz. Məsələn, başlanğıcda bir məzmun cədvəli düzəldə bilərsiniz və müəyyən bir başlığı tıkladığınızda istifadəçi səhifənin istədiyi hissəsinə keçəcəkdir. Bunu etmək üçün bir # işarəsi ilə bir qeydiyyatdan keçməlisiniz: Bölməyə keçin və linklərə əlfəcinlər yaradın: Bölmə.
Bu belə olacaq:
Veb səhifə
Bölməyə keçid
Bölmə
