Projek hadapan-Shangyou [amalan komprehensif teknologi HTML/CSS/JS]

• Bab1 Susun Atur Halaman
• 1-1 Huraian Projek
• 1-2 Pembinaan susun atur pendaftaran log masuk
• 1-3 Senaraikan pembinaan susun atur
• 1-4 logo dan kotak carian
• 1-5 Reka letak navigasi kategori produk
• 1-6 Susun atur navigasi laluan
• 1-7 Paparan dinamik data navigasi laluan
• Bab2 kesan kaca pembesar
• 2-1 Pembinaan susun atur kaca pembesar di sebelah kiri
• 2-2 Tetikus kaca pembesar bergerak masuk dan keluar kesan
• 2-3 Gerakkan tetikus kaca pembesar untuk merealisasikan kesan penyeretan unsur topeng
• 2-4 Kawalan sempadan untuk pergerakan elemen topeng
• 2-5 Menggerakkan kaca pembesar mencapai kesan menggerakkan elemen gambar besar dalam perkadaran yang sama
• 2-6 Kesan pembinaan reka letak lakaran kecil kaca pembesar
• 2-7 Paparan dinamik data lakaran kecil kaca pembesar
• 2-8 Klik pada lakaran kecil untuk menukar imej kepada imej yang lebih kecil atau lebih besar.
• 2-9 Analisis tentang prinsip kesan karusel imej dengan mengklik anak panah kiri dan kanan pada lakaran kecil
• 2-10 Kira jarak setiap pergerakan gambar dan jarak pergerakan ul
• Bab3 Produk di sebelah kanan
• 3-1 Susun atur pengenalan terperinci bahagian atas produk di sebelah kanan
• 3-2 Penjelasan terperinci bahagian atas produk di sebelah kanan memperkenalkan pemaparan data yang dinamik
• 3-3 Pembinaan susun atur parameter produk untuk bahagian bawah produk di sebelah kanan
• 3-4 Paparan dinamik data parameter produk di bahagian bawah produk di sebelah kanan
• Bab4 Parameter produk
• 4-1 Klik pada warna teks baris pertama parameter produk untuk kesan eksklusif
• 4-2 Gunakan fungsi penutupan untuk menyelesaikan masalah pembolehubah dalam peristiwa dalam gelung
• 4-3 Melaksanakan pembinaan susun atur hasil pemilihan
• 4-4 Klik pada parameter produk untuk menambah hasil yang sepadan secara dinamik.
• 4-5 Klik butang padam untuk memadam data parameter yang sepadan
• 4-6 Fungsi perubahan harga pakej
• Bab5 tab kiri tengah
• 5-1 Troli beli-belah dan pembinaan susun atur harga belian
• 5-2 Susun atur struktur keseluruhan tab kiri tengah
• 5-3 Pembinaan susun atur kandungan khusus tab kiri tengah
• Bab6 tab kanan tengah
• 6-1 Pilih susun atur struktur keseluruhan untuk dipadankan di sebelah kanan bahagian tengah
• 6-2 Pilih kesan pautan harga pakej apabila kotak semak dipilih dalam kolokasi
• 6-3 Membina susun atur tab kanan tengah
• Bab7 Bar navigasi kanan
• 7-1 Merangkum fungsi tab awam dan panggilan
• 7-2 Pembinaan bahagian kerja bar navigasi kanan
• 7-3 Pembinaan susun atur tengah bar navigasi kanan
• 7-4 Pelaksanaan penukaran status dengan mengklik pada bar navigasi kanan