jQuery

【jQuery】モバイルフレンドリーなドロップダウンスタイルのjQueryメニュープラグインvMenu

August 13, 2018
vMenu

vMenuはモバイルフレンドリーなドロップダウンスタイルのjQueryメニュープラグイン。

HTML

    <div>
        <h1>vDrop demo</h1>
        <div class="vMenu">
            <a href="#"></a>
            <ul>
                <li>
                    <a href="">All</a>
                </li>
                <li>
                    <a href="#">Cake boards</a>
                    <ul>
                        <li class="selected">
                            <a href="">Hardboard</a>
                        </li>
                        <li>
                            <a href="">Softboard</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#">Tools</a>
                    <ul>
                        <li>
                            <a href="">Dragees</a>
                        </li>
                        <li>
                            <a href="">Piping Nozzles</a>
                        </li>
                        <li>
                            <a href="">Rolling Pins</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="">Specials</a>
                </li>
                <li>
                    <a href="#">Cake Toppers</a>
                    <ul>
                        <li>
                            <a href="">Perspex</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
        <p>Lorem ipsum dolor sit amet, duo id doctus delicatissimi, an vix nihil iudico maiestatis, eu harum nihil moderatius
            his. No eos oblique complectitur, unum recusabo ei quo. Laoreet iracundia splendide ius id, cotidieque dissentiunt
            in est. Explicari principes evertitur no mei, vis partem graeco invenire te. Vim dicta mentitum cotidieque at,
            cu soleat persequeris mei.</p>
    </div>

JS

    <script src="src/js/jquery.min.js" type="text/javascript"></script>
    <script src="../dist/js/jquery.vmenu.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        (function ($) {
            $(document).ready(function () {
                $('.vMenu').vMenu();
            });
        })(jQuery);
    </script>

MIT