简单的jQuery响应式弹出菜单插件 simple responsive popup menu, it's a jQuery plugin

jQuery pop menu

Click the buttons below to have a try.

Demo 1: Default menu

  • Home
  • Cloud
  • settings
  • E-mail
  • Clock
  • Files
  • Favourites
  • Mobile
  • Exit

Demo 2: Menu with square corners and orange background

  • Home
  • Cloud
  • settings
  • E-mail
  • Clock
  • Files
  • Favourites
  • Mobile
  • Exit

Demo 3: Menu with border and custom colors

  • Home
  • Cloud
  • settings
  • E-mail
  • Clock
  • Exit

How to use:

$('#demo_box').popmenu({parameters});

You can use parameters below.

{
    'controller': true,       // use control button or not
    'width': '300px',         // width of menu
    'background': '#34495e',  // background color of menu
    'focusColor': '#1abc9c',  // hover color of menu's buttons
    'borderRadius': '10px',   // radian of angles, '0' for right angle
    'top': '50',              // pixels that move up
    'left': '0',              // pixels that move left
    'iconSize': '100px',       // size of menu's buttons
    'color': '#fff'            // color of menu's text
    'border': '1px solid #000', // border style for the menu box
}