[JS]フラットãªãƒ‡ã‚¶ã‚¤ãƒ³ã§æ˜ ãˆã‚‹ï¼ç¾Žã—ã広ãŒã‚‹æ³¢ç´‹ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ç°¡å˜ã«å®Ÿè£…ã§ãるスクリプト -jQuery.twinkleダウンãƒãƒ¼ãƒ‰ãƒ•ã‚¡ã‚¤ãƒ«ã«å«ã¾ã‚Œã¦ã„るデモ jQuery.twinkleã®ä½¿ã„æ–¹ Step 1: 外部ファイル 当スクリプトã¨jquery.jsを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <body> ... <script src="jquery-1.10.2.min.js"></script> <script src="../jquery.twinkle-0.7.1.js"></script> </body> Step 2: HTML アニメーションをé©ç”¨ã™ã‚‹è¦ç´ ã«classã‚„idã‚’åŠ ãˆã¾ã™ã€‚ <div id="twinkle1">click !</div> Step 3: JavaScript jQueryã®ã‚»ãƒ¬ã‚¯ã‚¿ã§è¦ç´ を指定ã—ã€ã‚¹ã‚¯ãƒªãƒ—トを実行ã—ã¾ã™ã€‚ $(selector).twinkle(); アニメーションやエフェクトã¯ã‚ªãƒ—ションã§è¨å®šã—ã¾ã™ã€‚ var options = { "effe
![[JS]フラットãªãƒ‡ã‚¶ã‚¤ãƒ³ã§æ˜ ãˆã‚‹ï¼ç¾Žã—ã広ãŒã‚‹æ³¢ç´‹ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ç°¡å˜ã«å®Ÿè£…ã§ãるスクリプト -jQuery.twinkle](https://cdn-ak-scissors.b.st-hatena.com/image/square/1664f643712bb7cebf68cc882a1117f2f93e0a5a/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201403%2F2014082802.gif)
[JS]è¡Œé€ã‚Šã«ã‚‚対応ã€ãƒ†ã‚ストを一文å—ãšã¤ã‚¿ã‚¤ãƒ—ライターã®ã‚ˆã†ã«è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Typist
[JS]脚注をデスクトップ・タブレット・スマフォãã‚Œãžã‚Œã§æœ€é©ã«è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -sidenotes
[JS]サイズãŒä¸æ˜Žãªç”»åƒã‚’指定ã—ãŸã‚¨ãƒªã‚¢ã«ãƒ•ã‚£ãƒƒãƒˆã•ã›ãŸã‚Šã€é…置を調整ã§ãるスクリプト -Image Scale
{{#tags}}- {{label}}
{{/tags}}