Web デザインのプロセスでは、ボタンのさまざまなステータス効果に遭遇することがよくあります。このプロセスをより便利にするために jquery 拡張機能を作成しました。
使用前に必ず Jquery を引用してください。
JqueryExtend.js:
(function ($) {
//Button ボタンの置換の 3 つのスタイル、isState パラメータが True の場合、押された状態が記録されます
$.fn.btnEffect = function (通常、マウスオーバー、マウスダウン、isState) {
var lastButton;
this.each(function () {
$(this).bind({
mouseover: function () {
if (this != lastButton | | !isState) {
$(this).removeClass().addClass(mouseover)
}
},
mouseout: function () {
if (this != lastButton || !isState) {
$(this).removeClass().addClass(normal)
}
},
mousedown: function () {
if ( this != lastButton || ! isState) {
if (lastButton != null) {
$(lastButton).addClass(normal);
$( this).removeClass().addClass(mousedown);
}
}); );
サンプル ページ Default.aspx:
コードをコピー