Maison  >  Article  >  interface Web  >  Quels effets spéciaux JavaScript peut-il créer ?

Quels effets spéciaux JavaScript peut-il créer ?

藏色散人
藏色散人original
2021-06-27 10:22:156789parcourir

Les effets spéciaux que JavaScript peut effectuer incluent : 1. Carrousel ; 2. Validation du formulaire ; 3. Boîtes contextuelles sur la page ; 4. Onglets multi-niveaux ; . Publicité flottante ; 7. Images tremblantes, etc.

Quels effets spéciaux JavaScript peut-il créer ?

L'environnement d'exploitation de cet article : système Windows 7, version JavaScript 1.8.5, ordinateur Dell G3.

Quels effets spéciaux JavaScript peut-il faire ?

JS peut facilement manipuler le DOM, afin qu'il puisse présenter divers effets sur le client. Alors, quels effets sont obtenus par js ? Voici quelques effets courants auxquels les novices peuvent se référer, afin que les nouveaux étudiants puissent avoir une idée de ce que fait js. Tant que vous apprenez à utiliser le langage JavaScript, vous pouvez facilement créer les effets suivants.

1. Image de carrousel : l'image de carrousel est généralement un endroit pour changer d'image au milieu du site Web, comme le montre la figure ci-dessous.

Quels effets spéciaux JavaScript peut-il créer ?

L'effet de faire glisser les images une par une. Son principe est en réalité très simple : le cadre affichant l'image au milieu ne peut accueillir que l'affichage d'une seule image. En effet, il y a une hauteur à l'intérieur de ce cadre qui est aussi haute que le cadre d'affichage, mais la largeur est bien plus grande que celle-ci. la boîte d'affichage. Cette longue grande boîte contient Il y a plusieurs images placées côte à côte de gauche à droite. Ces images sont utilisées pour le carrousel. Lors de l'affichage, il vous suffit de modifier la position exposée de cette longue boîte. Comme indiqué ci-dessous.

Quels effets spéciaux JavaScript peut-il créer ?

Alors, comment obtenir cet effet via js : une fois la mise en page CSS effectuée pour créer une si petite boîte imbriquée dans une grande boîte, la technologie de positionnement CSS peut être utilisée pour pour obtenir l'effet de fuite d'une image, tout ce que js a à faire est de modifier dynamiquement la valeur de positionnement.

2. Vérification du formulaire : Le formulaire est la partie que vous devez remplir lors de votre inscription et de votre connexion à votre compte. Par exemple, lors de l'inscription, si le mot de passe saisi deux fois est incohérent, un message d'invite rouge apparaîtra immédiatement. C'est l'effet créé par js.

Quels effets spéciaux JavaScript peut-il créer ?

3. Boîtes pop-up sur la page : Par exemple, les avertissements et les messages d'invite qui apparaissent sur la page sont tous créés par js.

4. Onglets multi-niveaux : Tout comme les catégories de produits de Taobao, une catégorie apparaîtra lorsque la souris sera placée dessus, et une catégorie pourra être divisée à partir de cette catégorie. Celles-ci se font également par js.

Il existe de nombreux autres effets créés par js, tels que des animations sur des pages Web, des publicités flottantes, des images tremblantes, etc. Je ne les énumérerai pas tous ici. Si vous apprenez js, vous pouvez facilement créer ces effets.

[Apprentissage recommandé : Tutoriel JavaScript avancé]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn