Source for ex2.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>Customizing 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">
.menu2text {
font-family: "Times New Roman", Times, serif;
font-style: italic;
}
.menu2text a:link, .menu2text a:visited { text-decoration: none; }
img { border: 0; }
ul#files img { border: 1px black solid; }
</style>
</head>
<body>
<h1>Customizing Flyout Menus Simplified Example</h1>
<!--chtml include "//webinfo/incs/navbar.inc"-->
<p>This is a simplified version of the example for Customizing
Flyout Menus.</p>
<p class="dspl menu2text"><a onmouseover="mIn ('menu2')"
onmouseout="mOut ('menu2')"
href="#custom">Customizing Flyout Menus <img
src="noredarrow.gif" alt="" id="menu2"
height="11" width="23" /></a></p>
<p>You can view the relevant source code:</p>
<ul id="files">
<li><a href="ex2_html-src.html">HTML source</a></li>
<li><a href="menu2_js-src.html">Menu JavaScript
source</a> (link to this script must be near the very
end of the HTML file)</li>
<li><a href="noredarrow.gif">Image with no arrow <img
alt="no arrow" src="noredarrow.gif"
height="11" width="23" /></a></li>
<li><a href="redarrow.gif">Image with arrow <img
alt="arrow" src="redarrow.gif"
height="11" width="23" /></a></li>
</ul>
<!--chtml include "//webinfo/incs/footer.inc"-->
<script type="text/javascript" src="menu2.js"></script>
</body>
</html>