Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Tree: 98e46ccc81
Fetching contributors…

Cannot retrieve contributors at this time

31 lines (25 sloc) 0.874 kB

Simple configurable Pie Menu

Use this Pie Menu in your projects, it's simple and fully customizable!

Usage

Just link query.menu.js on your html document and Use html structure like bellow:

  <div id='outer_container' class="outer_container" >
        <a class="menu_button" href="#" title="Toggle"><span>Menu Toggle</span></a>
        <ul class="menu_option">
          <li><a href="#"><span>Item</span></a></li>
          <li><a href="#"><span>Item</span></a></li>
          <li><a href="#"><span>Item</span></a></li>
          <li><a href="#"><span>Item</span></a></li>
          <li><a href="#"><span>Item</span></a></li>
        </ul>
    </div>

JavaScript

    $('#outer_container').PieMenu({
        'starting_angel':0(Starting Angle in degree),
        'angel_difference' : 90(Displacement angle in degree),
        'radius':100 (circle radius in px),
    }); 

Live demo!

Jump to Line
Something went wrong with that request. Please try again.