jQuery フォーカス コントロール レイヤー表示遅延非表示 Method_jquery

<頭>



クリックしてください


<スクリプト>
$(document).ready(function(){
jQuery.focusShow({butID:'#button',divID:'#div',mouse:'over',time:'500'})
})
jQuery.extend({
focusShow: function(config){
//ps: フォーカス コントロール レイヤーの表示、遅延非表示
//focusShow({butID:'ボタン ID',divID:'コンテナ ID',mouse:'over || click',time:'time'})
var butID = $(config.butID || false),
divID = $(config.divID || false),
マウス = config.mouse || 'クリック',
時間 = config.time '500',
タイマー;
関数 re(){$(divID).hide()}
スイッチ (マウス){
「クリック」の場合:
butID.bind({'click':function(){divID.attr('tabindex','-1');divID.focus()}});
divID.bind({
"focus":function(){clearTimeout(タイマー);divID.show()},
"blur":function(){timer = setTimeout(re,time)}
})
休憩
ケース「終了」:
$(butID,divID).each(function(){
$(this).bind({
‘mouseover’:function(){clearTimeout(タイマー);divID.show()},
‘mouseout’:function(){timer = setTimeout(re,time)}
})
})
休憩
デフォルト:
}
}
});