< Retour
Rendu dynamique des données miniatures de la loupe
Chapitre1 Mise en page
1-1 Description du projet
1-2 Construction de la mise en page d'enregistrement de connexion
1-3 Construction de la disposition des listes
1-4 logo et champ de recherche
1-5 Disposition de navigation par catégorie de produits
1-6 Disposition de la navigation par chemin
1-7 Rendu dynamique des données de navigation sur chemin
Chapitre2 effet loupe
2-1 Construction de la disposition en loupe à gauche
2-2 Effet de mouvement d'entrée et de sortie de la souris en forme de loupe
2-3 Déplacez la souris en forme de loupe pour réaliser l'effet de glissement des éléments du masque
2-4 Contrôle des limites pour le mouvement des éléments de masque
2-5 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
2-6 Effet de construction de la disposition des vignettes de la loupe
2-7 Rendu dynamique des données miniatures de la loupe
2-8 Cliquez sur la vignette pour modifier l'image en une image plus petite ou plus grande.
2-9 Analyse sur le principe de l'effet carrousel d'images en cliquant sur les flèches gauche et droite des vignettes
2-10 Calculez la distance de chaque mouvement d'image et la distance de ul mouvement
Chapitre3 Produits à droite
3-1 La disposition de l'introduction détaillée de la partie supérieure du produit à droite
3-2 Une explication détaillée de la partie supérieure du produit à droite introduit le rendu dynamique des données
3-3 Construction de la disposition des paramètres du produit pour la moitié inférieure du produit à droite
3-4 Rendu dynamique des données des paramètres du produit dans la moitié inférieure du produit à droite
Chapitre4 Paramètres du produit
4-1 Cliquez sur la couleur du texte de la première ligne des paramètres du produit pour des effets exclusifs
4-2 Utiliser des fonctions de fermeture pour résoudre des problèmes variables dans les événements en boucles
4-3 Implémenter la construction de la mise en page des résultats de sélection
4-4 Cliquez sur les paramètres du produit pour ajouter dynamiquement les résultats correspondants.
4-5 Cliquez sur le bouton Supprimer pour supprimer les données de paramètres correspondantes
4-6 Fonction de changement de prix du forfait
Chapitre5 onglet centre gauche
Chapitre6 onglet central droit
Chapitre7 Barre de navigation droite
- Recommandations de cours
- Téléchargement du didacticiel
Gratuit
![Projet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]](/static/imghw/default1.png)
![Projet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]](https://img.php.cn/upload/course/000/000/068/63bfcb2974f91471.jpg)
There are currently no materials available for download for this course
Les étudiants qui ont regardé ce cours apprennent également
496195
Parlons brièvement de la création d'une entreprise en PHP
Introduction rapide au développement web front-end
Développement pratique à grande échelle par Tianlongbabu du cadre MVC version Mini imitant le site Web de l'encyclopédie des choses embarrassantes
Premiers pas avec le développement pratique PHP : création rapide de PHP [Small Business Forum]
Vérification de connexion et forum de discussion classique
Collecte de connaissances sur les réseaux informatiques
Démarrage rapide de la version complète de Node.JS
Le cours front-end qui vous comprend le mieux : HTML5/CSS3/ES6/NPM/Vue/...[Original]
Écrivez votre propre framework PHP MVC (40 chapitres en profondeur/gros détails/à lire absolument pour que les débutants progressent)