jQuery focus control layer affichage retardé masquage method_jquery

L'exemple de cet article décrit la méthode de masquage retardé de l'affichage de la couche de contrôle de focus jQuery. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante :

Copier le code Le code est le suivant :

Cliquez-moi

Je suis le contenu

<script><br> $(document).ready(function(){<br> jQuery.focusShow({butID:'#button',divID:'#div',mouse:'over',time:'500'})<br> })<br> jQuery.extend({<br> focusShow : fonction(config){<br> //ps : affichage de la couche de contrôle de focus, masquage retardé<br> //focusShow({butID :'ID du bouton',divID:'ID du conteneur',mouse:'over || click',time:'time'})<br>           var butID = $(config.butID || false),<br>              divID = $(config.divID || false),<br> souris = config.mouse || 'cliquez',<br> Heure = config.time || '500',<br> minuterie ;<br>          fonction re(){$(divID).hide()}<br> interrupteur (souris){<br> cas "clic":<br>                   butID.bind({'click':function(){divID.attr('tabindex','-1');divID.focus()}});<br>             divID.bind({<br> "focus": function(){clearTimeout(timer);divID.show()},<br> "flou":function(){timer = setTimeout(re,time)}<br>                  })<br> pause<br>            cas "terminé":<br>                     $(butID,divID).each(function(){<br> $(this).bind({<br> 'mouseover':function(){clearTimeout(timer);divID.show()},<br> 'mouseout':function(){timer = setTimeout(re,time)}<br>                      })<br>                  })<br> pause<br>                  par défaut :<br> ><br> ><br> }); <br> </script>

J'espère que cet article sera utile à la programmation jQuery de chacun.