jQuery

【jQuery】Bootstrap frameworkに基づいたセレクトメニューBootmenu

April 15, 2017
Bootmenu

BootmenuはBootstrap frameworkに基づいたシンプルなjQueryアニメーションセレクトメニュー。

Installation

<script src='bootmenu.min.js'></script>

Basic usage

$("div").bootmenu({ parameters });

Ideas

<div id="selectMenu"></div>
<div id="selectMenu2"></div>
$("#selectMenu").bootmenu({
      callback: function(value1) {
          alert(value1);
          $("#selectMenu2").bootmenu({
              listName: "MenuTwo",
              callback: function(value2) {
                  alert(value2);
              }
          });
      }
 });

Configuration

  1. items
  2. defaultText
  3. listname
  4. background and hoverColor
  5. listAnimation
  6. animationDuration

Callback

$("#selectMenu").bootmenu({
    callback: function(selectedValue)
    {
         // do something
    }
});

MIT