Сілтемелер арқылы сайтта ыңғайлы және интуитивті навигацияны құруға болады. Бұл әдіс пайдаланушының ресурс беттерінде болуын мүмкіндігінше ыңғайлы етуге мүмкіндік береді.
Нұсқаулық
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 {өзгермелі: сол жақта; позиция: абсолютті; тізім стилі: жоқ;}
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 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 ('шоу')
.animate ({мөлдірлігі: 1.0}, 1000);
current.animate ({мөлдірлігі: 0,0}, 1000)
.removeClass ('шоу');
};
$ (document).ready (function () {
theRotator ();
});
3-қадам
Сілтеме бар бет жеке терезеде ашылуы үшін атрибутты қосу керек: Өту.
4-қадам
Егер html құжаты тым ұзын болса, онда оның ішіне сілтемелер қоюға болады. Мысалы, ең басында сіз мазмұн кестесін құра аласыз және белгілі бір тақырыпты басқан кезде пайдаланушы парақтың қажетті бөлігіне ауысады. Ол үшін сілтемені # белгішесімен тіркеу қажет: Бөлімге өтіп, сілтемелерге бетбелгі жасаңыз: Бөлім.
Бұл келесідей болады:
Веб-сайт
Бөлімге сілтеме
Бөлім
