When you create a CSS menu with the CSS Menu Wizard, the code generated in page is HTML code, no matter the page type. Remember that you can apply this wizard in both .html pages and server model-based pages (.php, .asp, .cfm).
The code generated in page after configuring the wizard as shown in the user manual is the following one:
<div id="cssMenu1" class="vertical">
<ul class="arktic_blue">
<li> <a href="home.php" title="Home">Home</a> </li>
<li> <a href="products.php" title="Products">Products</a>
<ul>
<li> <a href="menus.php" title="MX CSS Menus">MX CSS Menus</a> </li>
<li> <a href="#" title="MX Spring Pack 2006">MX Spring Pack 2006</a>
<ul>
<li> <a href="looper.php" title="MX Looper">MX Looper</a> </li>
<li> <a href="calendar.php" title="MX Calendar">MX Calendar</a> </li>
</ul>
</li>
</ul>
</li>
<li> <a href="about.php" title="About">About</a> </li>
</ul>
<br />
<script type="text/javascript">
<!--
var obj_cssMenu1 = new CSSMenu("cssMenu1");
obj_cssMenu1.setTimeouts(200, 400, 400);
obj_cssMenu1.setSubMenuOffset(0, 0, 10, 5);
obj_cssMenu1.setHighliteCurrent(true);
obj_cssMenu1.setAnimation('slide');
obj_cssMenu1.show();
//-->
</script>
</div>
Also, after the </title> tag and before the </head> one, another code section is generated. Its role is to include the needed files:
<script src="includes/cssmenus2/js/cssmenus.js" type="text/javascript"></script>
<script src="includes/cssmenus2/js/animation.js" type="text/javascript"></script>
<link href="includes/cssmenus2/skins/arktic_blue/vertical.css" rel="stylesheet" type="text/css" />
Remark how clear the generated code is, and how easy it is to edit the menu even in Code view!