[JS]ç”»åƒã‚’使用ã—ãªã„ã§ã€èƒŒæ™¯ãªã©ã«ã‚¹ãƒˆãƒ©ã‚¤ãƒ—柄を手軽ã«é©ç”¨ã§ãるスクリプト -jQuery Stripes指定ã—ãŸã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«ã‚¹ãƒˆãƒ©ã‚¤ãƒ—ã®èƒŒæ™¯ã‚’è¨ç½®ã§ãã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ ストライプã¯ç”»åƒãªã—ã§ã€ã‚«ãƒ©ãƒ¼ã‚„幅や角度を簡å˜ã«å¤‰æ›´ã§ãã¾ã™ã€‚ デモページ：コードを変更 jQuery Stripesã®ä½¿ã„æ–¹ Step 1: 外部ファイル 「jquery.jsã€ã¨å½“スクリプトを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ Step 2: HTML ストライプをé©ç”¨ã™ã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’é…ç½®ã—ã¾ã™ã€‚ <img id="stripes" style="background:#888" /> Step 3: JavaScript jQueryã®ã‚»ãƒ¬ã‚¯ã‚¿ã§ã‚¹ãƒˆãƒ©ã‚¤ãƒ—ã‚’é©ç”¨ã™ã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’指定ã—ã€ã‚¹ãƒˆãƒ©ã‚¤ãƒ—ã®å®šç¾©ã‚’ã—スクリプトを実行ã—ã¾ã™ã€‚ $('#stripes').stripes({ lineWidth: 10, separation: 10, angle: 45, // degrees degrees: t
{{#tags}}- {{label}}
{{/tags}}