Шилтемелерди колдонуп, сайтта ыңгайлуу жана интуитивдүү навигацияны түзсөңүз болот. Бул ыкма колдонуучунун ресурстук беттеринде болушун мүмкүн болушунча ыңгайлуу кылууга мүмкүнчүлүк берет.
Нускамалар
1 кадам
Ар кандай шилтеме жабылышы керек болгон тегдин жардамы менен түзүлөт. Барактын дареги 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: left; абалы: абсолюттук; тизме стили: жок;}
div # rotator ul li.show {z-index: 500;}
theRotator () функциясы {
$ ('div # rotator ul li'). css ({opacity: 0.0});
$ ('div # rotator ul li: first'). css ({opacity: 1.0});
setInterval ('rotate ()', 5000);
}
функцияны айлантуу () {
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 ({тунуктук: 0.0})
.addClass ('show')
.animate ({тунуктук: 1.0}, 1000);
current.animate ({тунуктук: 0.0}, 1000)
.removeClass ('show');
};
$ (document).ready (function () {
theRotator ();
});
3-кадам
Шилтеме алып баруучу барак өзүнчө терезеде ачылышы үчүн, атрибутту кошушуңуз керек: Go.
4-кадам
Эгер HTML документ өтө узун болсо, анда анын ичине шилтемелерди койсоңуз болот. Мисалы, эң башында сиз мазмунун түзүп алсаңыз болот, жана белгилүү бир аталышты чыкылдатканда, колдонуучу барактын каалаган бөлүгүнө өтөт. Ал үчүн # сүрөтчөсү бар шилтемени каттоодон өткөрүү керек: Бөлүмгө өтүп, шилтемелерге кыстармалар түзүңүз: Бөлүм.
Ал мындай болот:
Веб-сайт
Бөлүмгө шилтеме
Бөлүм
