【jQuery】jQueryをベースとしたナビゲーションメニューCorenav

jQuery

Corenav

July 13, 2018

CorenavはjQueryをベースとしたナビゲーションメニュー。9つデフォルトメニュー、レスポンシブナビゲーション、3モードメニュー位置、9つレイアウトナビゲーション、主なブラウザをサポート

Instalations

CSSとJavascriptをインクルード。

<link rel="stylesheet" href="./css/coreNavigation.css" />
<script type="text/javascript" src="./js/coreNavigation.js"></script>

coreNavigationコードとオプションを作成

<nav>
<div class="nav-header">
    <a href="#" class="brand">
        <img src="./assets/img/brand.png" />
    </a>
    <button class="toggle-bar">
        <span class="fa fa-bars"></span>
    </button>	
</div>								
<ul class="menu">
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Service</a></li>
    <li><a href="#">Contact Us</a></li>
</ul>
</nav>
<script type="text/javascript"> 
$('nav').coreNavigation({
    onInit: function(){
        console.log('Init coreNav');
    }
});
</script>

MIT

Latest Posts

Related Posts