Menu
Any tips as to why this works in IE, but not in Safari.
I have not tested on Windows.
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“
<html lang=”en”>
<head>
<meta http-equiv=”content-type” content=”text/html; charset=iso-8859-1″>
<title>Untitled</title>
<meta name=”generator” content=”BBEdit 6.1.2+”>
<!– script from [url]http://www.verticalsoftware.co.uk/slide.htm
<style type=”text/css”>
#menuOut, #menuIn
{
position:absolute;
left: -161px;
width:180px;
top:60px;
border:1.5px solid yellow;
background-color: beige;
layer-background-color: red;
font: bold 12px Verdana;
color: #ffffff;
line-height: 20px;
padding: 10px;
padding-left: 15px;
line-height: 110%;
}
a:link {font: bold 12px arial; color: #004891; text-decoration: none;}
a:visited {font: bold 12px arial; color: #004891; text-decoration: none;}
a:hover {font: bold 12px arial; color: #004891; text-decoration: underline;}
</style>
</head>
<body>
<div style=”width: 500px;”>
<script language=”JavaScript”>
<!– hiding
if (document.all)
document.write(‘<div id=”menuIn” style=”left:-161″ onMouseover=”pull()” onMouseout=”draw()”>’)
// End hiding–>
</script>
<layer id=”menuOut” onMouseover=”pull()” onMouseout=”draw()”>
<script language=”JavaScript”>
<!– Begin
var siteName = new Array();
var siteLink = new Array();
siteName[0] = “· Home”;
siteName[1] = “· Hosting and Domains”;
siteName[2] = “· Web Tools and Services”;
siteName[3] = “· Developer Resources”;
siteName[4] = “· Help”;
siteName[5] = “· Site Map”;
siteLink[0] = “
siteLink[1] = “
siteLink[2] = “
siteLink[3] = “
siteLink[4] = “
siteLink[5] = “
for (i = 0; i <= siteName.length – 1; i++)
document.write(‘<a href=’ + siteLink[i] + ‘>’ + siteName[i] + ‘</a><br>’);
// End –>
</script>
</layer>
<script language=”JavaScript”>
<!– Begin
function regenerate() {
window.location.reload();
}
function regenerate2() {
if (document.layers)
setTimeout(“window.onresize=regenerate”, 400);
}
window.onload = regenerate2;
if (document.all) {
document.write(‘</div>’);
slideMenu = document.all.menuIn.style;
boundryR = 0;
boundryL = -161;
}
else {
slideMenu = document.layers.menuOut;
boundryR = 161;
boundryL = 10;
}
function pull() {
if (window.drawMenu)
clearInterval(drawMenu);
pullMenu = setInterval(“pullEngine()”, 50);
}
function draw() {
clearInterval(pullMenu);
drawMenu = setInterval(“drawEngine()”, 50);
}
function pullEngine() {
if (document.all && slideMenu.pixelLeft < boundryR)
slideMenu.pixelLeft += 5;
else if(document.layers && slideMenu.left < boundryR)
slideMenu.left += 5;
else if (window.pullMenu)
clearInterval(pullMenu);
}
function drawEngine() {
if (document.all && slideMenu.pixelLeft > boundryL)
slideMenu.pixelLeft -= 5;
else if(document.layers && slideMenu.left > boundryL)
slideMenu.left -= 5;
else if (window.drawMenu)
clearInterval(drawMenu);
}
// End –>
</script>
</body>
</html>