Anda boleh membuat navigasi yang mudah dan intuitif di laman web menggunakan pautan. Teknik ini membolehkan anda membuat pengguna tetap berada di halaman sumber sesenang mungkin.
Arahan
Langkah 1
Sebarang pautan dibuat menggunakan tag yang mesti ditutup. Alamat halaman ditunjukkan dalam tanda kutip setelah atribut href. Hasilnya mestilah seperti ini:
Laman web
Pergi ke galeri foto
Untuk menavigasi ke halaman yang terdapat di ruang Internet, nyatakan alamatnya, misalnya, KakProsto.ru. Untuk menyambung ke fail html di komputer anda, tulis jalan ke sana. Sebaik-baiknya, disarankan untuk beralih ke bahasa Inggeris untuk menghilangkan catatan panjang yang timbul ketika menyalin teks berbahasa Rusia dengan terjemahan berikutnya ke format yang diperlukan. Contohnya, fail: /// 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"
Langkah 2
Pautan boleh diatur dalam bentuk gambar. Untuk melakukan ini, sertakan gambar antara tag dan:. Untuk membuka ilustrasi lengkap dengan ukuran yang lebih besar apabila anda mengarahkan kursor ke ikon kecil, anda perlu menggunakan sekumpulan.
Untuk mengatur perubahan gambar secara bergantian, masing-masing akan ditunjukkan sebagai pautan dan menuju ke halaman yang berbeza, gunakan kod:
Laman web
div # rotator {kedudukan: relatif; tinggi: 150px; margin-kiri: 15 piksel;}
div # rotator ul li {float: kiri; kedudukan: mutlak; gaya senarai: tiada;}
div # rotator ul li.show {z-index: 500;}
fungsi theRotator () {
$ ('div # rotator ul li'). css ({opacity: 0.0});
$ ('div # rotator ul li: first'). css ({opacity: 1.0});
setInterval ('putar ()', 5000);
}
fungsi putar () {
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: pertama'));
// var sibs = current.siblings ();
// var rndNum = Math.floor (Math.random () * sibs.length);
// var next = $ (sibs [rndNum]);
next.css ({kelegapan: 0.0})
.addClass ('tunjukkan')
.animate ({kelegapan: 1.0}, 1000);
current.animate ({kelegapan: 0.0}, 1000)
.removeClass ('tunjuk');
};
$ (dokumen). sudah (fungsi () {
theRotator ();
});
Langkah 3
Agar halaman yang menuju ke pautan dibuka di tetingkap yang berasingan, anda mesti menambahkan atribut: Pergi.
Langkah 4
Sekiranya dokumen html terlalu panjang, anda boleh meletakkan pautan di dalamnya. Sebagai contoh, pada awalnya, anda dapat membuat senarai isi, dan apabila anda mengklik tajuk tertentu, pengguna akan berpindah ke bahagian halaman yang diinginkan. Untuk melakukan ini, anda perlu mendaftarkan pautan dengan ikon #: Pergi ke bahagian dan buat penanda halaman ke pautan: Bahagian.
Ia akan kelihatan seperti ini:
Laman web
Pautan ke bahagian
Bahagian
