section suivante: 右侧导航栏的点击切换状态实现535 joue

5 秒后自动播放下一节
  Regarder à nouveau

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

Introduction >
chapitredidacticiel
Chapitre1Mise en page

Description du projet

05 minutes15 secondes

Construction de la mise en page d'enregistrement de connexion

16 minutes17 secondes

Construction de la disposition des listes

07 minutes14 secondes

logo et champ de recherche

07 minutes14 secondes

Disposition de navigation par catégorie de produits

07 minutes19 secondes

Disposition de la navigation par chemin

07 minutes33 secondes

Rendu dynamique des données de navigation sur chemin

14 minutes49 secondes
Chapitre2effet loupe

Construction de la disposition en loupe à gauche

13 minutes27 secondes

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

13 minutes41 secondes

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

16 minutes11 secondes

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

06 minutes53 secondes

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

13 minutes33 secondes

Effet de construction de la disposition des vignettes de la loupe

12 minutes50 secondes

Rendu dynamique des données miniatures de la loupe

09 minutes06 secondes

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

19 minutes15 secondes

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

08 minutes09 secondes

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

17 minutes28 secondes
Chapitre3Produits à droite

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

24 minutes04 secondes

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

15 minutes00 secondes

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

10 minutes12 secondes

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

17 minutes04 secondes
Chapitre4Paramètres du produit

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

16 minutes22 secondes

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

18 minutes28 secondes

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

04 minutes25 secondes

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

18 minutes38 secondes

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

19 minutes36 secondes

Fonction de changement de prix du forfait

17 minutes32 secondes
Chapitre5onglet centre gauche

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

08 minutes57 secondes

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

13 minutes12 secondes

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

10 minutes05 secondes
Chapitre6onglet central droit

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

16 minutes54 secondes

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

15 minutes57 secondes

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

13 minutes27 secondes
Chapitre7Barre de navigation droite

Encapsuler une fonction d'onglet public et appeler

18 minutes38 secondes

Construction de la partie travail de la barre de navigation droite

09 minutes56 secondes

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

15 minutes39 secondes

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

11 minutes15 secondes
  • AnnulerrépondreEnvoi en cours
  • Annulerposter une noteEnvoi en cours