概è¦
「ã½ã‚ーんã€ã¨è¡¨ç¤ºã•ã›ã‚‹ãƒ—ラグインã§ã™ã€‚CSS3を利用ã—ã¦ã„ã¾ã™ã€‚
.fadeIn()ã‚„ .slideDown()ã¨ã„ã£ãŸ .show()ç³»ã®å‹•ãã§ã™ã€‚
ダウンãƒãƒ¼ãƒ‰
基本的ãªä½¿ã„æ–¹
$(elem).gpPowan();
デモ
デモ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
- 公開
Demo 1