jQuery

【jQuery】HTML、CSS、jQueryを使ったナビゲーションプラグイン。Responsive Trigger Navigation

October 9, 2016
responsive-trigger-navigation

Responsive Trigger NavigationはHTML、CSS、jQueryを使ったナビゲーションプラグイン。

HTML

    <nav class="b-main-navigation">
      <a href="#" title="меню" class="b-main-navigation__trigger">
        Меню <i class="ico-menu  fa-navicon"></i>
      </a>
      <ul class="b-main-navigation__list">
        <li class="b-main-navigation__item">
          <a href="#" title="item1" class="b-main-navigation__link">
            Item 1
          </a>
        </li>
        <li class="b-main-navigation__item">
          <a href="#" title="item2" class="b-main-navigation__link">
            Item 2
          </a>
        </li>
        <li class="b-main-navigation__item">
          <a href="#" title="item3" class="b-main-navigation__link">
            Item 3
          </a>
        </li>
        <li class="b-main-navigation__item">
          <a href="#" title="item4" class="b-main-navigation__link">
            Item 4
          </a>
        </li>
        <li class="b-main-navigation__item">
          <a href="#" title="item5" class="b-main-navigation__link">
            Item 5
          </a>
        </li>
      </ul>
    </nav>

JS

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="js/main.js"></script>