adicss
Mitglied
Registriert: 10.06.2006
Beiträge: 3
|
|
Hallo wenn Ihr meine Homepage ( www.geocities.com/ioannis_argiriadis ) besucht wird Ihr mein kleines Poblemchen bemerken. Ich habe ein javascript
für animierte Navigation gefunden und versucht es in meine Homepage einzubauen. Ich habe dabei das Problem dass das gescrollte Menü hinter dem vorderen Frame verschwindet. Wie bringe ich das gescrollte Menü in den Fordergrund. Das javascript des animierten Menüs findet Ihr unter dem Link
www.geocities.com/ioannis_argiriadis/menuebanner1.htm Danke dem interessierten!
Falls jemand das script lesen will:
Code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>MenueBanner</title>
</head>
<body>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>HeadMenue</title>
<style type="text/css">
#csstopmenu, #csstopmenu ul{
padding: 0;
margin: 0;
list-style: none;
}
#csstopmenu li{
float: left;
position: relative;
}
#csstopmenu a{
text-decoration: none;
}
.mainitems{
border: 1px solid black;
border-left-width: 0;
background-color: 99cc00;
}
.headerlinks a{
margin: auto 8px;
font-weight: bold;
color: black;
}
.submenus{
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background-color: 66cc00;
border: 1px solid black;
}
.submenus li{
width: 100%;
}
.submenus li a{
display: block;
width: 100%;
text-indent: 3px;
}
html>body .submenus li a{ /* non IE browsers */
width: auto;
}
.submenus li a:hover{
background-color: yellow;
color: black;
}
#csstopmenu li>ul {/* non IE browsers */
top: auto;
left: auto;
}
#csstopmenu li:hover ul, li.over ul {
display: block;
}
html>body #clearmenu{ /* non IE browsers */
height: 3px;
}
</style>
<script type="text/javascript">
// CSS Top Menu- By JavaScriptKit.com (http://www.javascriptkit.com)
// Adopted from SuckerFish menu
// For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/
// Please keep this credit intact
startMenu = function() {
if (document.all&&document.getElementById) {
cssmenu = document.getElementById("csstopmenu");
for (i=0; i<cssmenu.childNodes.length; i++) {
node = cssmenu.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function(){
this.className=this.className.replace(" over", "")
}
}
}
}
}
if (window.attachEvent)
window.attachEvent("onload", startMenu)
else
window.onload=startMenu;
</script>
<body bgcolor="6666cc" topmargin="0" leftmargin="0">
</head>
<body>
<ul id="csstopmenu">
<li class="mainitems" style="border-left-width: 1px">
<div class="headerlinks"><a href="http://www.javascriptkit.com">JavaScript Kit</a></div>
<ul class="submenus">
<li><a href="http://javascriptkit.com/">Home</a></li>
<li><a href="http://javascriptkit.com/cutpastejava.shtml">Free JavaScripts</a></li>
<li><a href="http://javascriptkit.com/javaindex.shtml">JavaScript tutorials</a></li>
<li><a href="http://javascriptkit.com/jsref/index.shtml">JavaScript Reference</a></li>
</ul>
</li>
</html> |
|
|
| 10.06.2006 13:01:01 |
|
|
|
Frage mal ein Experten dann klappts auch mit dem Nachbarn
|
|
| 17.09.2006 16:40:40 |
|
Wechsel zu
Die letzten Beiträge aus diesen Forum
|
|
