Та холбоосыг ашиглан сайтад тав тухтай, ойлгомжтой навигаци үүсгэх боломжтой. Энэхүү техник нь хэрэглэгчийн нөөцийн хуудсан дээр байх хугацааг аль болох тохь тухтай байлгах боломжийг олгодог.
Зааварчилгаа
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% МЭӨ% 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 ({opacity: 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 ('show')
.animate ({тунгалаг байдал: 1.0}, 1000);
current.animate ({тунгалаг байдал: 0.0}, 1000)
.removeClass ('show');
};
$ (документ). бэлэн (функц () {
theRotator ();
});
Алхам 3
Холбоос руу хөтлөх хуудсыг тусдаа цонхонд нээхийн тулд та дараахь шинж чанарыг нэмэх ёстой: Go.
Алхам 4
Хэрэв html баримт бичиг хэтэрхий урт байвал холбоосыг дотор нь хийж болно. Жишээлбэл, эхэнд нь та агуулгын хүснэгт хийж болох бөгөөд тодорхой гарчгийг товшиход хэрэглэгч хуудасны хүссэн хэсэг рүү шилжих болно. Үүнийг хийхийн тулд та # дүрс бүхий холбоосыг бүртгүүлэх хэрэгтэй: Хэсэг рүү ороод холбоосууд руу хавчуурга үүсгэх: Хэсэг.
Энэ нь иймэрхүү харагдах болно:
Вэбсайт
Хэсэг рүү холбох
Хэсэг
