Maison > interface Web > js tutoriel > Méthode jQuery pour implémenter le masquage chronométré des boîtes de dialogue

Méthode jQuery pour implémenter le masquage chronométré des boîtes de dialogue

php中世界最好的语言
Libérer: 2018-03-14 17:35:06
original
1484 Les gens l'ont consulté

Cette fois, je vais vous présenter la méthode jQuery pour implémenter une boîte de dialogue de masquage chronométré. Quelles sont les précautions pour la méthode jQuery pour implémenter une boîte de dialogue de masquage temporisé. Voici un cas pratique, prenons. un regard.

Le contenu suivant peut ne pas être tout à fait correct, il est juste à titre de référence en cas de questions.

1. setTimeout

: Il existe une situation où l'heure est définie mais le programme est exécuté immédiatement.

 : Que ce soit window.setTimeout ou window.setInterval, lorsque utilise le nom de la fonction comme handle d'appel, aucun paramètre ne peut être pris.

: La solution est de définir une fonction anonyme

setTimeout(function(){$j('#pre'+ID).fadeOut()},12000);
Copier après la connexion

: Le deuxième paramètre est le nombre de millisecondes, 1 seconde = 1000 millisecondes

2. Définir le masquage de la boîte de dialogue

Méthode commune 1 :

<script language=&#39;javascript&#39; type=&#39;text/javascript&#39;>
$(function () {
  setTimeout(function () {
    $("pid").show();
  }, 6000);
})
</script>
Copier après la connexion

Méthode commune deux :

<script language=&#39;javascript&#39; type=&#39;text/javascript&#39;>
$(document).ready(
  function()
  {
    /**
    *1.delay函数是jquery 1.4.2新增的函数
    *2.hide函数里必须放一个0,不然延时不起作用
    *3.delay是异步执行的。
    */
    $('#pid').delay(6000).hide(0);
  }
);
Copier après la connexion

3. La différence entre fadeOut et hide

l'effet de masquage est de se plier et de se rétrécir lentement de bas en haut ou de bas à droite en haut à gauche. , tandis que l'effet de fondu de fadeOut est Fondu le tout jusqu'à ce qu'il disparaisse (je ne vois pas la différence)

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez. faites attention aux autres articles connexes sur le site Web php chinois !

Lecture recommandée :

Mise en œuvre de l'effet de dégradé de transparence réactif à la souris

Comment réaliser automatiquement la barre de défilement lorsqu'elle glisse vers le bas Chargement de plus de contenu

Comment utiliser jquery pour créer un effet de loupe

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal