I am a Flower :: jQuery Radius Menu With Effects

Radius Menu Example 1I Am a Flower Radius Menu System creates a flower like array of elements and sub elements around circle via (x',y')=(cx+r*cos(α),cy+r*sin(α).

The number of flower pedal elements (main menus) can vary and are spread out evenly around the circumference of the size specified. Each element can have a list of sub elements (sub-mens) that appear on main menu hover. The elements can be parallel to horizon or perpendicular radius as displayed here. All of this can be adjusted and styled to suit. The center image randomly pulls from a directory of images.


You can download this at github.

Requires jquery.js and path.js
More on the math behind this from Ben Olson.