[JS]éžå¸¸ã«å°‘ãªã„コードã§ãƒ‘ララックスã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’実装ã§ãるスクリプト -Parallaxor指定ã—ãŸè¦ç´ をスクãƒãƒ¼ãƒ«ã«å¿œã˜ã¦ã€ã•ã¾ã–ã¾ãªæ–¹å‘ã«ç•°ãªã‚‹ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ã“ã¨ãŒã§ãã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ Parallaxor -GitHub Parallaxorã®ãƒ‡ãƒ¢ Parallaxorã®ä½¿ã„æ–¹ Parallaxorã®ãƒ‡ãƒ¢ デモã¯Chrome, Firefox, Safariã§ã”覧ãã ã•ã„。 IEやスマフォã§ã¯ã‚¹ã‚¿ãƒ†ã‚£ãƒƒã‚¯ã«è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ demo: second Parallaxorã®ä½¿ã„æ–¹ Step 1: 外部ファイル 当スタイルシート・スクリプトã¨jquery.jsを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <link href="parallaxor.min.css" rel="stylesheet"> </head> <body> ... コンテンツ ... <script src="http://code.jquery.com
![[JS]éžå¸¸ã«å°‘ãªã„コードã§ãƒ‘ララックスã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’実装ã§ãるスクリプト -Parallaxor](https://cdn-ak-scissors.b.st-hatena.com/image/square/d9ead73de963a2e762fa0becb8a28dab2b49e44e/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015011904.png)
[JS]ã·ã‚‹ã·ã‚‹ã¨ã‹ã‚ã„ã„アニメーションã§ãƒ¢ãƒ¼ãƒ€ãƒ«ãƒœãƒƒã‚¯ã‚¹ã‚’表示ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Stackbox
[JS]æ˜ ç”»ã®ã‚¨ãƒ³ãƒ‰ãƒãƒ¼ãƒ«ã¿ãŸã„ãªæ¼”å‡ºã‚’åŠ ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -End Credits
[JS]ç€çœ¼ç‚¹ãŒé¢ç™½ã„ï¼ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ããªã„状態ã§ã‚ーボードやクリックã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Scrollocue
[JS]紹介ã›ãšã«ã¯ã„られãªã‹ã£ãŸï½—ã€æ–™ç†ç”»åƒã‚’出æ¥ãŸã¦ã»ã‚„ã»ã‚„ã®ãŠã„ã—ãã†ã«è¦‹ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Audero Smoke Effect
{{#tags}}- {{label}}
{{/tags}}