
這jquery plugin可以幫助你改變沉悶的Button樣式,使你的button可以支持fading的功能。同時也為不同的browser統一Button的樣式。當cursor在button上時,plugin會把button fade out,然後fade in到你指定的css class。你完全不用更改現有的coding,只要加上幾句javascript就可以實現全頁的button支持fading。由於fading一排button時有點像彈鋼琴,筆者特意取名 MyPianoFadingButton。
這plugin最少有三個用法,請查看英文版demo。
Download: jquery.MyPianoFadingButton.js
Demo: MyPianoFadingButton
License: MIT License
Html code:
jQuery Code:
$(function(){
$(":button").MyPianoStyleFadingButton({
fadeInTimeMs:200,
fadeOutTimeMs:200,
normalclass:"btnClassA",
hoverclass:"btnClassB1"
}
});
//OR just
$(":button").MyPianoFadingButton();