paparan lapisan kawalan fokus jQuery tertunda kaedah_jquery menyembunyikan

Contoh dalam artikel ini menerangkan kaedah penyembunyian tertunda paparan lapisan kawalan fokus jQuery. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut:

Salin kod Kod adalah seperti berikut:

Klik saya

Saya ialah kandungan

$(dokumen).sedia(fungsi(){
jQuery.focusShow({butID:'#button',divID:'#div',mouse:'over',time:'500'})
})
jQuery.extend({
focusShow: function(config){
//ps: paparan lapisan kawalan fokus, bersembunyi tertunda
//focusShow({butID:'butang ID',divID:'container ID',tetikus:'over || klik',masa:'time'})
          var butID = $(config.butID || palsu),
             divID = $(config.divID || palsu),
tetikus = config.mouse || 'klik',
Masa = config.time ||. '500',
pemasa;
         function re(){$(divID).hide()}
suis (tetikus){
kes "klik":
                  butID.bind({'click':function(){divID.attr('tabindex','-1');divID.focus()}});
            divID.bind({
"fokus":function(){clearTimeout(timer);divID.show()},
"kabur":function(){timer = setTimeout(re,time)}
                 })
putus
           kes "over":
                    $(tetapiID,divID).setiap(fungsi(){
$(this).bind({
‘mouseover’:function(){clearTimeout(timer);divID.show()},
‘mouseout’:function(){timer = setTimeout(re,time)}
                     })
                 })
putus
                 lalai:
}
}
});

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.