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:
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:
}
}
});
