Die jQuery-Fokussteuerungsschicht zeigt die verzögerte Ausblendmethode_jquery an

Das Beispiel in diesem Artikel beschreibt die Methode zum verzögerten Ausblenden der jQuery-Fokussteuerungsebene. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

Klicken Sie auf mich

Ich bin der Inhalt

<script><br> $(document).ready(function(){<br> jQuery.focusShow({butID:'#button',divID:'#div',mouse:'over',time:'500'})<br> })<br> jQuery.extend({<br> focusShow: function(config){<br> //ps: Anzeige der Fokuskontrollebene, verzögertes Ausblenden<br> //focusShow({butID:'button ID',divID:'container ID',mouse:'over || click',time:'time'})<br>           var butID = $(config.butID || false),<br>              divID = $(config.divID || false),<br> mouse = config.mouse ||. 'click',<br> Zeit = config.time ||. '500',<br> Timer;<br>          Funktion re(){$(divID).hide()}<br> Schalter (Maus){<br> Fall „klicken“:<br>                   butID.bind({'click':function(){divID.attr('tabindex','-1');divID.focus()}});<br>             divID.bind({<br> "focus":function(){clearTimeout(timer);divID.show()},<br> "blur":function(){timer = setTimeout(re,time)}<br>                  })<br> Pause<br>            Fall „vorbei“:<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>                  Standard:<br> }<br> }<br> }); <br> </script>

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.