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

この記事の例では、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)}
})
})
休憩
デフォルト:
}
}
});

この記事が皆さんの jQuery プログラミングに役立つことを願っています。