ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
[JS]ã·ã‚‹ã·ã‚‹ã£ã¨ã‹ã‚ã„ã„アニメーションã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’変更ã™ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–用ã®ã‚¹ã‚¯ãƒªãƒ—ト -DyLay
ダイナミックãªã‹ã‚ã„ã„アニメーションã§ãƒ‘ãƒãƒ«ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’変更ã™ã‚‹ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–用ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’生æˆã™ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ デモページ DyLayã®ä½¿ã„æ–¹ Step 1: 外部ファイル 「jquery.jsã€ã¨ã€Œeasing.jsã€ã¨å½“スクリプトを外部ファイルã¨ã—ã¦</bpdy>ã®ä¸Šã«è¨˜è¿°ã—ã¾ã™ã€‚ <script src="http://code.jquery.com/jquery.js"></script> <script src="js/jquery.easing.1.3.js"></script> <script src="js/dylay.js"></script> Step 2: HTML å„パãƒãƒ«ã¯ãƒªã‚¹ãƒˆè¦ç´ ã§é…ç½®ã—ã€ãƒ•ã‚£ãƒ«ã‚¿ã‚„ソート用ã®ãƒ‡ãƒ¼ã‚¿ã‚’classã‚„data属性ã«ä»•è¾¼ã‚“ã§ãŠãã¾ã™ã€‚ <ul id="dylay"> <li style="width:
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}