The C1MenuExtender control supports using custom icons in the menu. You will use special markup to apply the icons to the C1MenuExtender control.

1. Create an ASP.NET Web application.
2. Add a standard Panel control to the main content of  your page.
3. Add the following markup within the <asp:Panel> tags to create a list that will become the menu.

<ul id="menu">

<li><a>menuitem1</a>

<ul>

<li><a>menuitem1a</a></li>

<li><a>menuitem2a</a></li>

</ul>

</li>

<li><a>menuitem2</a></li>

<li><a>menuitem3</a></li>

4. Click the Panel smart tag and select Add Extender from the Tasks menu.
5. In the Extender Wizard, select C1MenuExtender and click OK. A C1MenuExtender control is added to the page and the TargetControlID is set to Panel1.
6. Select View | Properties Window in the Visual Studio menu.
7. Click the drop-down list at the top of the Properties window and select Panel1_C1MenuExtender.
8. Expand the Animation node.
9. Set the Animation.Duration property to 800.
10. Expand the Animated node and set Effect to bounce.
11. Press F5 to run the application. Click menuitem1 and notice the submenu bounces as it appears.