DropDown Menu over Flash Test

Tigra Menu Links: | Site | Documentation | Forums |

content

Here is a link to the menu I built through Tigra.

And here is the code that I saved from 'viewing source' of that file.

<html>
<head>
<title>Tigra Menu Online Builder - Menu Preview</title>
<meta name="description" content="Javascript DHTML Menu Navigation Items Tree Builder">
<META NAME="keywords" CONTENT="JavaScript menu, DHTML menu, client side menu, DHTML, Free Menu, site, navigation, html, client side, web, netscape, explorer, IE, opera, DOM, control, cross browser, support, frames, target, download">
<link rel="stylesheet" href="/builder.css">
</head>

<body bottommargin="15" topmargin="15" leftmargin="15" rightmargin="15" marginheight="15" marginwidth="15" bgcolor="white">

<table cellpadding="0" cellspacing="0" width="100%" border="0">
<tr>
<td width="350" rowspan="2"><img src="/img/builder_logo.gif" width="350" height="80" border="0" alt="Tigra Menu Online Builder"></td>
<td align="right" valign="top"><img src="/img/logo.gif" width="178" height="30" border="0" alt="Softcomplex logo"></td>
</tr>
<tr>
<td align="right" valign="bottom" nowrap>
<b>
| <a href="http://www.softcomplex.com/index.html">About Us</a> 
| <a href="http://www.softcomplex.com/services.html">Services</a> 
| <a href="http://www.softcomplex.com/download.html">Download</a> 
| <a href="http://www.softcomplex.com/order.html">Order</a> 
| <a href="http://www.softcomplex.com/support.html">Support</a> 
|
</b>
</td>
</tr>
<tr><td><img src="/img/pixel.gif" width="1" height="5" border="0"></td></tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="100%" class="darkline">
<tr>
<td rowspan="3"><img src="/img/pixel.gif" width="10" height="24" border="0"></td>
<td width="100%"><h2>Menu Preview</h2></td>
<td><img src="/img/pixel.gif" width="25" height="24" border="0"></td>
<td nowrap><img src="/img/pixel.gif" width="5" height="1" border="0"></td>
</tr>
</table>
<script language="JavaScript">

</script>

// menu_items.js file

var MENU_ITEMS =[
["Products", "products.htm",
["Excel Edition", "excelEdition",
["Evaluation Copy", "evalExcel.htm"],
["Product Brochure", "brochureExcel.htm"]
],
["Web Edition", "webEdition"],
["Pricing", "pricing.htm"],
["Downloads", "downloads.htm"],
["Technical Specs", "technicalSpecs.htm"]
],
["Demo Center", "demoCenter.htm",
["Demo1", "demo1.htm"],
["demo2", "demo2.htm",
["demo2b", "demo2b.htm"],
["demo2b1", "demo2b1.htm"]
],
["demo3", "demo3.htm"],
["demo4", "demo4.htm"],
["demo5", "demo5.htm"]
],
["Resources", "resources.htm",
["resource1", "resource1.htm"],
["resource2", "resource2.htm"],
["resource3", "resource3.htm",
["resource3b", "resource3b.htm"]
],
["resource4", "resource14.htm"],
["resource5", "resource15.htm"],
["resource6", "resource6.htm"]
],
["Support", "support.htm",
["support1", "support1.htm"],
["support2", "support2.htm"]
],
["Company", "company.htm",
["company1", "company1.htm",
["company1", "company1.htm"]
],
["company1", "company1.htm"]
]
];

/* --- geometry and timing of the menu --- */
var MENU_POS = new Array();

// item sizes for different levels of menu
MENU_POS['height'] = [22, 22, 22];
MENU_POS['width'] = [125, 125, 125];

// menu block offset from the origin:
// for root level origin is upper left corner of the page
// for other levels origin is upper left corner of parent item
MENU_POS['block_top'] = [130, 23, 0];
MENU_POS['block_left'] = [25, 0, 126];

// offsets between items of the same level
MENU_POS['top'] = [0, 23, 23];
MENU_POS['left'] = [126, 0, 0];

// time in milliseconds before menu is hidden after cursor has gone out
// of any items
MENU_POS['hide_delay'] = [200, 200, 200];

/* --- dynamic menu styles ---
note: you can add as many style properties as you wish but be not all browsers
are able to render them correctly. The only relatively safe properties are
'color' and 'background'.
*/

var MENU_STYLES = new Array();

// default item state when it is visible but doesn't have mouse over
MENU_STYLES['onmouseout'] = [
'color', ['#ffffff', '#ffffff', '#000000'],
'background', ['#336699', '#6699cc', '#99ccff'],
];

// state when item has mouse over it
MENU_STYLES['onmouseover'] = [
'color', ['#ffffff', '#ffffff', '#000000'],
'background', ['#336699', '#6699cc', '#99ccff'],
];

// state when mouse button has been pressed on the item
MENU_STYLES['onmousedown'] = [
'color', ['#ffffff', '#ffffff', '#000000'],
'background', ['#336699', '#6699cc', '#99ccff'],
];

new menu (MENU_ITEMS, MENU_POS, MENU_STYLES);
window.focus();

//-->
</script>

.m0l0o {
text-decoration: none;
margin: 0px;
border: 1px solid #ffffff;
}

.m0l1o {
text-decoration: none;
margin: 0px;
border: 1px solid #ffffff;
}

.m0l2o {
text-decoration: none;
margin: 0px;
border: 1px solid #ffffff;
}

.m0l0i {
padding: 2px;
text-decoration: none;
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
}

.m0l1i {
padding: 2px;
text-decoration: none;
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
}

.m0l2i {
padding: 2px;
text-decoration: none;
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
}

</style>

<table cellpadding="0" cellspacing="0" border="0" width="100%" class="darkline">
<tr>
<td><img src="/img/pixel.gif" width="10" height="24" border="0"></td>
<td nowrap><font color="white">Copyright ©2003 SoftComplex Inc.</font></td>
<td width="100%" align="right">
<span class="botlink"><b>Tigra Menu Links:</b></span>
| <a href="http://www.javascript-menu.com/" title="Tigra Menu Product Page"><font color="white">Site</font></a>
| <a href="http://www.javascript-menu.com/docs/" title="Tigra Menu Documentation"><font color="white">Documentation</font></a>
| <a href="http://www.softcomplex.com/forum/forumdisplay_33/" title="Tigra Menu Builder Forum"><font color="white">Forums</font></a>
|
</td>
<td><img src="/img/pixel.gif" width="25" height="24" border="0"></td>
<td nowrap><img src="/img/pixel.gif" width="2" height="1" border="0"><a href="#top"><img src="/img/top.gif" width="16" height="16" border="0" alt="Top of the page"></a><img src="/img/pixel.gif" width="5" height="1" border="0"></td></tr>
</table>

</body>
</html>