Les partenaires publicitaires:

Comment animer un DIV De Display Aucun à bloc dans jQuery

Cascading Style Sheets site d'aide développeurs afficher, masquer et animer des objets sur un site Web. Si votre page a un élément DIV caché, vous pouvez utiliser javascript pour faire ce DIV apparaissent graduellement en changeant son style d'affichage de "aucun" à "bloc" aide d'une minuterie. Il faut un peu de connaissance de programmation pour rendre cela possible. En utilisant jQuery, une bibliothèque javascript multi-navigateur, vous pouvez générer cet impressionnant effet de fondu en utilisant une seule ligne de code.

Instructions

  1. 1

    Naviguez sur le site de jQuery et voir leur code jQuery. Il apparaît à l'intérieur de la fenêtre de votre navigateur. Cliquez sur le navigateur de votre "Fichier" menu, puis cliquez sur "Enregistrer sous." La "Enregistrer sous" fenêtre ouvre. Cette fenêtre affiche les dossiers situés sur votre disque dur.

  2. 2



    Recherchez le dossier qui contient un document HTML que vous souhaitez utiliser pour les tests. Double-cliquez sur ce dossier pour l'ouvrir, puis cliquez sur "sauvegarder" pour enregistrer le fichier jQuery pour ce dossier.

  3. 3

    Lancez un éditeur HTML ou Notepad. Ouvrez votre document HTML et collez le code suivant dans le document de "tête" section:

Conseils & Avertissements

  • Changer la durée de l'animation pour une valeur quelconque en changeant "3000" vers un autre numéro. Des valeurs plus élevées rendent la course d'animation plus longtemps et plus courtes accélérer. Vous pouvez avoir besoin d'expérimenter avec ces valeurs pour trouver celle qui crée l'effet de fondu vous désirez sans prendre trop longtemps.
» » » » Comment animer un DIV De Display Aucun à bloc dans jQuery