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

Huraian Projek

Pembinaan susun atur pendaftaran log masuk

Senaraikan pembinaan susun atur

logo dan kotak carian

Reka letak navigasi kategori produk

Susun atur navigasi laluan

Paparan dinamik data navigasi laluan

Pembinaan susun atur kaca pembesar di sebelah kiri

Tetikus kaca pembesar bergerak masuk dan keluar kesan

Gerakkan tetikus kaca pembesar untuk merealisasikan kesan penyeretan unsur topeng

Kawalan sempadan untuk pergerakan elemen topeng

Menggerakkan kaca pembesar mencapai kesan menggerakkan elemen gambar besar dalam perkadaran yang sama

Kesan pembinaan reka letak lakaran kecil kaca pembesar

Paparan dinamik data lakaran kecil kaca pembesar

Klik pada lakaran kecil untuk menukar imej kepada imej yang lebih kecil atau lebih besar.

Analisis tentang prinsip kesan karusel imej dengan mengklik anak panah kiri dan kanan pada lakaran kecil

Kira jarak setiap pergerakan gambar dan jarak pergerakan ul

Susun atur pengenalan terperinci bahagian atas produk di sebelah kanan

Penjelasan terperinci bahagian atas produk di sebelah kanan memperkenalkan pemaparan data yang dinamik

Pembinaan susun atur parameter produk untuk bahagian bawah produk di sebelah kanan

Paparan dinamik data parameter produk di bahagian bawah produk di sebelah kanan

Klik pada warna teks baris pertama parameter produk untuk kesan eksklusif

Gunakan fungsi penutupan untuk menyelesaikan masalah pembolehubah dalam peristiwa dalam gelung

Melaksanakan pembinaan susun atur hasil pemilihan

Klik pada parameter produk untuk menambah hasil yang sepadan secara dinamik.

Klik butang padam untuk memadam data parameter yang sepadan

Fungsi perubahan harga pakej

Troli beli-belah dan pembinaan susun atur harga belian

Susun atur struktur keseluruhan tab kiri tengah

Pembinaan susun atur kandungan khusus tab kiri tengah

Pilih susun atur struktur keseluruhan untuk dipadankan di sebelah kanan bahagian tengah

Pilih kesan pautan harga pakej apabila kotak semak dipilih dalam kolokasi

Membina susun atur tab kanan tengah

Merangkum fungsi tab awam dan panggilan

Pembinaan bahagian kerja bar navigasi kanan

Pembinaan susun atur tengah bar navigasi kanan

Pelaksanaan penukaran status dengan mengklik pada bar navigasi kanan