Jask動畫切換外掛程式之一

2021-06-16 23:29:38 字數 2199 閱讀 8976

/**

* @author han jin zi

* */(function(window, undefined) ;

jask.fn = jask.prototype =

//當前顯示的編號

this.i = 0;

//當前寬度

this.img_width = defaults.img_width || 301;

// 執行物件

this.obj = defaults.obj;

// 當前物件個數

this.total = defaults.total || this.obj.find(".flash").find("li").length || 0;

// 切換時間間隔

this.timelag = defaults.timelag || 3000;

// 時間間隔物件

this._setinterval = null;

// 動畫執行的時間

this.slow = defaults.slow || "slow";

// 觸發事件

this.events = defaults.events || "click";

// 是否自動切換

this.auto = defaults.auto || false;

// 處理函式

this.handle = defaults.handle || "flash";

this.left = defaults.left;

this.right = defaults.right;

this.shownum = defaults.shownum || 0;

if(this.total > 1)

},loading : function() );

//設定li標籤的id屬性

$(data).attr("class", "flash-num-" + i);

//設定li標籤的id屬性

});// 按鈕

var _btn_a = this.obj.find(".btn").find("a");

if(_btn_a.length > 0) );

/*** 繫結當前物件按鈕事件

*/_btn_a.bind(this.events, function() );

}if(this.left !== undefined) );

}if(this.right !== undefined) );

}this.setinterval(this.timelag);

return this;

},setinterval : function(timelag) , timelag);

}return this;

},scroll : function(direction)

if(direction === 'right' && this.i > 0)

this.obj.find(".flash").animate(, this.slow);

},flash : function(next_num)

} else

// 設定按鈕

this.obj.find(".btn").find("a").removeclass("on").eq(next_num).addclass("on");

// 上下對角

var ocurr = this.obj.find(".flash").find(".flash-num-" + this.i), onext = this.obj.find(".flash").find(".flash-num-" + next_num);

// 重新定位物件

ocurr.after(onext.css());

// 執行動畫

ocurr.animate(, this.slow).next().animate(, this.slow);

// 儲存當前狀態

this.i = next_num;

//把當前顯示的位置給全域性變數i

return this;}};

jask.fn.init.prototype = jask.fn;

return jask;

})();

window.jask = window.j = jask;

})(window);

Wordpress 外掛程式示例之一

這個 wp 外掛程式,除過能夠在外掛程式管理面板管理外 可以被開啟和禁用 還能夠在 設定 選單下對外掛程式進行配置,使外掛程式的功能可以得到擴充套件。本外掛程式,可以實現對部落格文章中的任意字串進行替換。以下 中,why100000 keyword 和 why100000 replace 作為選項文...

通訊錄之一Transform動畫

主要使用tramsform對控制項做平移和縮放,只要計算好座標位置即可gloginanimationview.h gloginanimationview.h 通訊錄 created by gaocai on 16 7 19.import inte ce gloginanimationview uiv...

jquery外掛程式之一些小鏈結

1.驗證 驗證的外掛程式 2.前端ui 首頁動態的外掛程式 3.bootstrap 用於響應式前端架構 響應式 不用重新整理整個頁面,可區域性重新整理部分 傳統的後台管理頁面,例如有使用者密碼彈出框之類的 小外掛程式 比如滑鼠移動框 bootstrap適合前端和後台的,提供的功能有js,css,和字...