Projet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

Description du projet

Construction de la mise en page d'enregistrement de connexion

Construction de la disposition des listes

logo et champ de recherche

Disposition de navigation par catégorie de produits

Disposition de la navigation par chemin

Rendu dynamique des données de navigation sur chemin

Construction de la disposition en loupe à gauche

Effet de mouvement d'entrée et de sortie de la souris en forme de loupe

Déplacez la souris en forme de loupe pour réaliser l'effet de glissement des éléments du masque

Contrôle des limites pour le mouvement des éléments de masque

Le déplacement de la loupe permet d'obtenir l'effet de déplacer de grands éléments de l'image dans des proportions égales

Effet de construction de la disposition des vignettes de la loupe

Rendu dynamique des données miniatures de la loupe

Cliquez sur la vignette pour modifier l'image en une image plus petite ou plus grande.

Analyse sur le principe de l'effet carrousel d'images en cliquant sur les flèches gauche et droite des vignettes

Calculez la distance de chaque mouvement d'image et la distance de ul mouvement

La disposition de l'introduction détaillée de la partie supérieure du produit à droite

Une explication détaillée de la partie supérieure du produit à droite introduit le rendu dynamique des données

Construction de la disposition des paramètres du produit pour la moitié inférieure du produit à droite

Rendu dynamique des données des paramètres du produit dans la moitié inférieure du produit à droite

Cliquez sur la couleur du texte de la première ligne des paramètres du produit pour des effets exclusifs

Utiliser des fonctions de fermeture pour résoudre des problèmes variables dans les événements en boucles

Implémenter la construction de la mise en page des résultats de sélection

Cliquez sur les paramètres du produit pour ajouter dynamiquement les résultats correspondants.

Cliquez sur le bouton Supprimer pour supprimer les données de paramètres correspondantes

Fonction de changement de prix du forfait

Construction de la présentation du panier et du prix d'achat

La disposition structurelle globale de l'onglet du milieu à gauche

Construction de la disposition spécifique du contenu de l'onglet du milieu à gauche

Choisissez la disposition structurelle globale qui correspond au côté droit du milieu

Sélectionnez l'effet de liaison des prix du forfait lorsque la case est cochée dans la colocalisation

Création de la disposition de l'onglet du milieu à droite

Encapsuler une fonction d'onglet public et appeler

Construction de la partie travail de la barre de navigation droite

Construction de la disposition médiane de la barre de navigation de droite

Mise en place de l'état de commutation en cliquant sur la barre de navigation de droite