Cute Menu | What is CM?

Cute Menu is very simple to embed to your HTML code. It's requirements are only JavaScript and CSS support.

In this package are included:

• JQuery - latest version
• Cute Menu - javascript file
• Cute Menu - css simple structure
• HTML file for demonstrating its function
• Cute Menu - Help Documentation

Browser compability

Cute Menu it is wide supported from browsers.
Here is the list of browsers that supports transitions applied in CM:

• Internet Explorer [version 6,7,8,9]
• Opera [all versions]
• Firefox [all versions]
• Chrome [all versions]
• Safari

Adding menu to your HTML file

There are three main steps to add menu to your site:

• Step 1
  • Import javascript files using SCRIPT tag (explained in help doc's)
• Step 2
• Import css file (default menu structure)
• Step 3
• Create UL element and add CSS class class="cute_menu" and assign any id to reffer to it e.g. id="my_simple_menu"
• Add LI elements on this way
  • <li>
    • <a href="#">
    • <img src="image_source.jpg" alt="" />
    • My menu text
    • </a>
  • </li> and so on...
• Close UL tag
• Step 4
• And in HEAD tag you must put the following code under SCRIPT TAG
  • $(function(){ $("#my_simple_menu").cuteMenu("any of eight transition effects"); }
• And Everything is done!

Defined Transitions

• 1 - rollUp - view
• 2 - rollDown - view
• 3 - imageUp - view
• 4 - imageDown - view
• 5 - fadeUp - view
• 6 - fadeDown - view
• 7 - upSlide - view
• 8 - downSlide - view

Simply add any of these names in the method parameter e.g. $("#my_ul_div").cuteMenu("fadeUp"); or you can add transition number e.g. for upSlide
$("#my_ul_div").cuteMenu(7);