[JS]日本語もOKã€è¡Œå˜ä½ã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã§ãるよã†ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Lining.jsdemo 5 一行ã”ã¨ã«ã•ã¾ã–ã¾ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã—ã¾ã™ã€‚ 「rollingã€ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‹ã£ã“ã„ã„ã§ã™ã€‚ Lining.jsã®ä½¿ã„æ–¹ Step 1: 外部ファイル 当スクリプトを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <script src="build/lining.min.js"></script> </head> デモã«ã‚るエフェクトを使用ã™ã‚‹æ™‚ã¯ã€ã‚¨ãƒ•ã‚§ã‚¯ãƒˆç”¨ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚‚åŠ ãˆã¾ã™ã€‚ <head> ... <script src="build/lining.min.js"></script> <script src="build/lining.effect.min.js"></script> </head> Step 2: HTML é©ç”¨ã™ã‚‹è¦ç´ ã«ã€Œdata-liningã€ã‚’åŠ ãˆã¾ã™ã€‚ <p class="poem" data-lining>æ´‹é…’ã¨ã„ãˆã°ã€èª°ã§ã‚‚
![[JS]日本語もOKã€è¡Œå˜ä½ã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã§ãるよã†ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Lining.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/94a5e0fe3568ecb41b259e96c1bc62f0c1f09601/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201404%2F2014112501-01.png)
è‰æ´¥ã‚ˆã„ã¨ã“　一度ã¯ãŠã„ã§è¡Œã掛ã‘ã®é§„賃
{{#tags}}- {{label}}
{{/tags}}