jQuery

【jQuery】レスポンシブ・フルスクリーンメニュープラグインhotmenu

October 1, 2016
hotmenu

hotmenuはレスポンシブ、フルスクリーンメニューjQueryプラグイン。

CSS&JS

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

toggle

<button class='hm-toggle'>Click me</button>
$(function() {
  $('nav').hotMenu();
});

Options

  1. toggleSelector
  2. mediaQuery

Example with options

$('nav').hotMenu({ 
  toggleSelector: '.hm-toggle', 
  mediaQuery: '(max-width: 600px)' 
});