Source for ex1.html
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--chtml include "//webinfo/incs/header.inc"-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Using Flyout Menus Simplified Example</title>
<link href="/webinfo/webinfo.css" type="text/css" rel="stylesheet" />
<script type="text/javascript">
//<![CDATA[
function mIn () { return true; }
function mOut () { return true; }
function makeLayer () { return true; }
function flyDefs () { return true; }
if (! document.flyout_disable &&
'undefined' != typeof document.getElementById)
document.write ('<' + 'script src="/home/scripts/flyout.js" ' +
'type="text/javascript"><' + "/script>\n");
// ]]>
</script>
<style type="text/css">
.barlink a, .navlink a { text-decoration: none }
.barlink a { color: #fff; }
img { border: 0; }
ul#files img { border: 1px black solid; }
</style>
</head>
<body>
<h1>Using Flyout Menus Simplified Example</h1>
<!--chtml include "//webinfo/incs/navbar.inc"-->
<p>This is a simplfied version of the example for Using Flyout
Menus.</p>
<p>Note that webinfo.css is linked into this page so it has the
common look and feel of the webinfo site, but those styles do not
affect this example. In addition, the
<code><!--chtml--></code> statements can be safely ignored
on servers other than www.washington.edu (where they are processed
to include the header and footer). The example will still work
without those included files.</p>
<p class="navlink"><a onmouseover="mIn ('menu1')"
onmouseout="mOut ('menu1')"
href="#using">Using Flyout Menus <img
src="/home/graphics/mo/noarrow.gif" id="menu1" height="11" width="6"
alt="" /></a></p>
<p>You can view the relevant source code:</p>
<ul id="files">
<li><a href="ex1_html-src.html">HTML source</a></li>
<li><a href="menu1_js-src.html">Menu JavaScript source</a> (link to
this script <b>must</b> be near the very end of the HTML
file)</li>
<li><a href="/home/graphics/mo/noarrow.gif">Image with no arrow
<img alt="noarrow" src="/home/graphics/mo/noarrow.gif"
height="11" width="6" /></a></li>
<li><a href="/home/graphics/mo/arrow.gif">Image with
arrow <img alt="arrow" src="/home/graphics/mo/arrow.gif"
height="11" width="6" /></a></li>
</ul>
<!--chtml include "//webinfo/incs/footer.inc"-->
<script type="text/javascript" src="menu1.js"></script>
</body>
</html>