[JS]ç•°ãªã‚‹é«˜ã•ã®ãƒ‘ãƒãƒ«ã‚’高ã„ã‚‚ã®ã«æƒãˆãŸã‚Šã€æŒ‡å®šã—ãŸé«˜ã•ã«æƒãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Equal Column Heights 2.0Demo 7: 高ã•ã‚’変更ã™ã‚‹éš›ã«ã•ã¾ã–ã¾ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚’åŠ ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã“ã§ã¯èƒŒæ™¯è‰²ã‚’グレーã«å¤‰æ›´ã€‚ Equal Column Heights 2.0ã®ä½¿ã„æ–¹ Step 1: 外部ファイル jquery.jsã¨å½“スクリプトを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/equal-height-columns.js"></script> Step 2: HTML å„パãƒãƒ«ã‚’内包ã™ã‚‹ãƒ©ãƒƒãƒ‘ーを用æ„ã—ã¾ã™ã€‚ <div class="hoge"> <div>パãƒãƒ«</div> <div>パãƒãƒ«</div> <div>パãƒãƒ«</div> </div> Step 3: JavaScript jQuery
ブãƒãƒƒã‚¯è¦ç´ ã®é«˜ã•ã‚’ç°¡å˜ã«æƒãˆã‚‰ã‚Œã‚‹jQueryプラグイン「equalize.jsã€:phpspot開発日誌
{{#tags}}- {{label}}
{{/tags}}