Home 主頁 Service 服務計畫 Android App 手機程式 Expertise 專業領域 Blog 博客 Download 下載 FAQ 網頁製作常見問題 Support 支援 Links 友情連結 Contact Us 聯絡我們

jquery plugin - MyPianoFadingButton

發佈: 06-17-2011

分類: Open Source jquery plugins 開源插件

這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

作者: KF Software House

Html code:

 

jQuery Code:

$(function(){
  $(":button").MyPianoStyleFadingButton({
    fadeInTimeMs:200,
    fadeOutTimeMs:200,
    normalclass:"btnClassA",
    hoverclass:"btnClassB1"  
  }
});

//OR just

$(":button").MyPianoFadingButton();

訪客: Copyright ©2011 KF Software House 版權所有 | 網站地圖