Cute Menu: Effortless & Stylish Navigation
Ready to add an eye‑catching menu to your website? Cute Menu is a lightweight, plug‑and‑play solution that requires just a touch of JavaScript and CSS. Whether you’re building a portfolio, blog, or e‑commerce site, this simple component transforms a plain list into a polished, interactive navigation bar.
What’s Inside the Package?
- Latest jQuery (automatically detected)
- cuteMenu.js – the core script that powers the menu
- cuteMenu.css – a clean, flexible stylesheet for rapid styling
- demo.html – a ready‑to‑use example showcasing all effects
- Help Documentation – step‑by‑step guide to installation, configuration, and customization
- Sample pages to show how the menu can be integrated in various layouts
Easy Browser Support
Cute Menu is built to work smoothly across modern browsers as well as legacy versions. Just drop the script and you’re good to go.
- Internet Explorer 6, 7, 8, 9
- Opera (all versions)
- Firefox (all versions)
- Chrome (all versions)
- Safari (latest)
Built‑In Transitions
Choose from eight pre‑designed animations to give your menu a dynamic feel. Specify the transition by name or its assigned number.
- rollUp (1) – slides the menu up into view
- rollDown (2) – slides the menu down from the top
- imageUp (3) – reveals menu using an upward image effect
- imageDown (4) – reveals menu using a downward image effect
- fadeUp (5) – fades the menu in with an upward motion
- fadeDown (6) – fades the menu in with a downward motion
- upSlide (7) – slides the menu from the top in a smooth motion
- downSlide (8) – slides the menu from bottom with a gentle glide
Quick Start Example
Once the files are in place, simply initialize your menu:
Using the transition name:
<script>
$("#my_ul_div").cuteMenu("fadeUp");
</script>Or using the numeric code:
<script>
$("#my_ul_div").cuteMenu(7); // upSlide
</script>And that’s it! Your navigation takes on a crisp, modern visual while staying fully responsive and cross‑browser compatible.
