Anscheinend bin ich zu blöd das zu kapieren
Die menue.js Datei:
Code: Alles auswählen
function Menue () {
if (typeof window.pageYOffset == "number") {
if (NS4) {
getElement("id", "Nav").top = window.pageYOffset + 50;
} else {
getElement("id", "Nav").style.top = window.pageYOffset + 50;
}
} else {
if (typeof document.body.scrollTop == "number")
getElement("id", "Nav").style.top = document.body.scrollTop + 50;
}
if (OP)
getElement("id", "NavLinks").style.pixelTop = NavLinksPos;
if (NS4) {
getElement("id", "Nav").visibility = "show";
} else {
getElement("id", "Nav").style.visibility = "visible";
}
}
function noMenue () {
if (NS4) {
getElement("id", "Nav").visibility = "hide";
} else {
getElement("id", "Nav").style.visibility = "hidden";
}
}
function handleMove (ev) {
if (!ev)
ev = window.event;
var mausposition = ev.pageX ? ev.pageX : ev.clientX;
if (mausposition < 20) {
Menue();
} else {
if (mausposition > 250) {
noMenue();
}
}
}
function Event_init () {
if (document.addEventListener) {
document.addEventListener("mousemove", handleMove, true);
} else {
if (NS4) {
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = handleMove;
} else {
document.body.onmousemove = handleMove;
}
}
if (OP) {
NavLinksPos = 42; // Position des Bereiches NavLinks
getElement("id", "NavLinks").style.pixelTop = NavLinksPos;
}
}
Die css_1.css Datei:
Code: Alles auswählen
body { color:black; background-color:red; background-image:url(http://www.amazonencorps-frechen.de/bilder/navigation_back.gif);
margin:0; padding:20px 50px; font-family:Tahoma,sans-serif; }
#Nav { position:absolute; top:50px; left:0; visibility:hidden; }
#NavLinks { position:absolute; top:42px; left:42px; }
#Nav a:link {color:#000080; font-weight:bold; font-size:13px; text-decoration:none; }
#Nav a:visited { color:#000080; font-weight:bold; font-size:13px; text-decoration:none; }
#Nav a:hover { color:#FFFFFF; background-color:#000080; font-weight:bold;
font-size:13px; text-decoration:none; }
#Nav a:active { color:#000080; font-weight:bold; font-size:13px; text-decoration:none; }
Im CSS-Ordner des Html Verzeichnis auf dem Server!
Die nicht funktionierende index.html (Testversion)
Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Amazonencorps-Frechen Home</title>
<meta name="description" content="Tanzen Spass und Karneval">
<meta name="author" content="Amazonencorps">
<meta name="keywords" content="Amazonencorps Frechen">
<meta name="keywords" content="Tanzengruppen Frechen">
<meta name="robots" content="index, follow">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/css_1.css">
<script type="text/javascript" src="http://www.amazonencorps-frechen.de/scripte/dhtml.js"></script>
<script type="text/javascript" src="http://www.amazonencorps-frechen.de/scripte/menue.js"></script>
</head>
<body onload="Event_init()">
<div id="Nav">
<img src="http://www.amazonencorps-frechen.de/bilder/navigation.gif" width="250" height="450" border="0" alt="">
<div id="NavLinks">
<a href="http://www.amazonencorps-frechen.de">Home</a><br>
<a href="http://www.amazonencorps-frechen.de/chronik.html">Chronik</a><br>
<a href="http://www.amazonencorps-frechen.de/vorstand.html">Vorstand</a><br>
<a href="http://www.amazonencorps-frechen.de/wagenverleih.html">Wagenverleih</a><br>
</div>
</div>
<h3>« Navigation </h3>
<noscript>
<a href="http://www.amazonencorps-frechen.de">Home</a><br>
<a href="http://www.amazonencorps-frechen.de/chronik.html">Chronik</a><br>
<a href="http://www.amazonencorps-frechen.de/vorstand.html">Vorstand</a><br>
<a href="http://www.amazonencorps-frechen.de/wagenverleih.html">Wagenverleih</a><br>
</noscript>
<center><img src="http://www.amazonencorps-frechen.de/bilder/plakat.jpg" /></center>
</body>
</html>
Verstehe es nicht