概è¦

「ã½ã‚ーんã€ã¨è¡¨ç¤ºã•ã›ã‚‹ãƒ—ラグインã§ã™ã€‚CSS3を利用ã—ã¦ã„ã¾ã™ã€‚

.fadeIn()ã‚„ .slideDown()ã¨ã„ã£ãŸ .show()ç³»ã®å‹•ãã§ã™ã€‚

ダウンロード

基本的ãªä½¿ã„æ–¹

$(elem).gpPowan();

デモ

デモ1 : 基本的ãªã‚‚ã®

Demo 1

リファレンス

.gpPowan([duragion][, callback])

  • duragion … {Number} アニメーションã®ç¶™ç¶šæ™‚間。"slow"ç­‰ã®ã‚­ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã«ã¯å¯¾å¿œã—ã¦ã„ã¾ã›ã‚“。
  • callback … {Function} アニメーション完了時ã«å®Ÿè¡Œã™ã‚‹ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ã€‚

CSS3ã«ã¤ã„ã¦

transitionã¨transform(ã®ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—レフィックス付ãã®ã‚‚ã®ï¼‰ã‚’æ›¸ãæ›ãˆã¦ã€æˆ»ã—ã¾ã›ã‚“。将æ¥ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ä¿®æ­£äºˆå®šã§ã™ã€‚

ãã®ä»–

ライセンス

  • MIT License
    • 無償ã§åˆ©ç”¨ã§ãã¾ã™ã€‚
    • 転載や改造ã€å†é…布ãŒå¯èƒ½ã§ã™ã€‚
    • コード内ã«è¨˜è¼‰ã®è‘—作権表示ã¯å¤‰æ›´ã§ãã¾ã›ã‚“。
    • ã©ã®ã‚ˆã†ãªå•題ãŒç™ºç”Ÿã—ã¦ã‚‚ã€ä¸€åˆ‡ã®ä¿è¨¼ã¯ã‚りã¾ã›ã‚“。

利用時ã«é€£çµ¡ã¯ä¸è¦ã§ã™ãŒã€ã‚‚ã—ã”連絡頂ã‘れã°ã€åˆ©ç”¨å®Ÿç¸¾ã¨ã—ã¦æŽ²è¼‰ã•ã›ã¦é ‚ãã‹ã‚‚ã—れã¾ã›ã‚“。

対応ブラウザー

  • Firefox
  • Chrome
  • Safari
  • Opera
  • iOS Safari
  • Android (ãŸã—ã‹å¤§ä¸ˆå¤«ã ã£ãŸã¯ãšï¼‰

IEã¯æœªæ¤œè¨¼ã€‚9ãらã„ãªã‚‰å‹•ãã‹ã‚‚?

リãƒã‚¸ãƒˆãƒª

更新履歴

2012/05/31 – 1.0
  • 公開