jQuery ホバー遅延実装 code_jquery

$('#foo' ).slideUp( 300).lay(800).fadeIn(400); // .slideUp() と .fadeIn() の間は 800 ミリ秒遅延します。

/*!
* jQuery.mouseDelay.js v1.2
* http://www.planeart.cn/ ?p=1073
* Copyright 2011 , TangBin
* MIT または GPL バージョン 2 ライセンスに基づいてデュアルライセンスされています。
*/
(function ($, plugin) {
var data = { }, id = 1, etid = プラグイン '
// 遅延コンストラクター
$.fn[plugin] = function (speed, group) {
id = group || this.data(etid) || id;
speed = Speed || 150;
if (group === id) this.data(etid, group);
// 一時的な公式 hover メソッド
this._hover = this.hover;
// ホバー関数を偽装し、2 つのコールバック関数をインターセプトし、処理のために実際のホバー関数に渡します。 this.hover = 関数 (オーバー、アウト) {
オーバー = オーバー ||
アウト = アウト ||
this._hover(イベント) {
var elem = this;
clearTimeout( data[group]);
data[group] = setTimeout(function () {
over.call(elem,event);
}, 速度);
}, function (event) {
var elem = this;
data[group] = setTimeout(function () {
out.call() elem,event);
});
return this;
}; elements
$.fn [plugin 'Pause'] = function () {
clearTimeout(this.data(etid))
return this;
}; 🎜>$[plugin] = {
// 一意のグループ名を取得します
get: function () {
return id;
},
// 指定されたグループのディレイラーをフリーズします
一時停止: function ( group) {
clearTimeout(data[group]);
})(jQuery, 'mouseDelay'); 🎜>

API の説明






ダウンロード