Habe folgenden Code auf einer Seite gefunden...
Er ist net schlecht und gefällt mir, da man ihn sicherlich gut auf ner Seite anwenden kann!
Es gibt jedoch ein Problem!!! Sobald ich etwas drunter setze, ist es soweit unten, wie das Drop-Down menü hoch ist...!
Gibt es auch eine möglichkeit das Menü über folgende dinge überlappen zu lassen?
Kann mir jemand sagen wo es SCRIPTE gibt, die im Endeffekt genauso aussehen!??
DANKE !!!!!!!!
Hier das SCRIPT:
<HTML>
<HEAD>
<TITLE>
</TITLE>
<STYLE>
A:Hover { color:steelblue; text-decoration:none; text-transform: uppercase; font-weight:bold }
A { color:royalblue; text-decoration:none; font-size: 10pt; font-family: Verdana, Arial }
</STYLE>
<SCRIPT LANGUAGE="Javascript">
ie4 = ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4 ))
ns4 = ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 4 ))
if (ns4) {
layerRef="document.layers";
styleRef="";
} else {
layerRef="document.all";
styleRef=".style";
}
function afficheCalque(calque)
{
eval(layerRef + '["' + calque +'"]' + styleRef + '.visibility = "visible"');
}
function cacheCalque(calque)
{
eval(layerRef + '["' + calque +'"]' + styleRef + '.visibility = "hidden"');
}
</SCRIPT>
</HEAD>
<BODY bgColor=#0088CA text=#000000>
<CENTER>
<table border=0 cellspacing=0 cellpadding=0>
<TR valign=top>
<TD>
<DIV STYLE="background-color:silver; width:220" onmouseover="afficheCalque('div1')" onmouseout="cacheCalque('div1')">
<CENTER><a href=# onmouseover="afficheCalque('div1')" onmouseout="cacheCalque('div1')">Menü Nr.1</a></CENTER>
</DIV>
<DIV id=div1 onmouseover="afficheCalque('div1')" onmouseout="cacheCalque('div1')" style="position:relative; layer-background-color:silver; background-color:silver; width:220; border-width:thin; border-color:white; border-style: groove; visibility: hidden">
<a href=http://" onmouseover="afficheCalque('div1')" onmouseout="cacheCalque('div1')">Punkt1</a><br>
<a href=http://" onmouseover="afficheCalque('div1')" onmouseout="cacheCalque('div1')">Punkt2</a><br>
<a href=http://" onmouseover="afficheCalque('div1')" onmouseout="cacheCalque('div1')">Punkt3</a><br>
</DIV>
</TD>
<TD>
<DIV STYLE="background-color:silver; width:140" onmouseover="afficheCalque('div2')" onmouseout="cacheCalque('div2')">
<CENTER><a href=# onmouseover="afficheCalque('div2')" onmouseout="cacheCalque('div2')">Menü Nr.2</a></CENTER>
</DIV>
<div id=div2 onmouseover="afficheCalque('div2')" onmouseout="cacheCalque('div2')" style="position:relative; layer-background-color:silver; background-color:silver; width:140; border-width:thin; border-color:white; border-style: groove; visibility: hidden">
<a href=http://" onmouseover="afficheCalque('div2')" onmouseout="cacheCalque('div2')">Season 1</a><br>
<a href=http://" onmouseover="afficheCalque('div2')" onmouseout="cacheCalque('div2')">Season 2</a><br>
<a href=http://" onmouseover="afficheCalque('div2')" onmouseout="cacheCalque('div2')">Season 3</a><br>
</DIV>
</TD>
<TD>
<DIV STYLE="background-color:silver; width:140" onmouseover="afficheCalque('div3')" onmouseout="cacheCalque('div3')" >
<CENTER><a href=# onmouseover="afficheCalque('div3')" onmouseout="cacheCalque('div3')">Menü Nr.3</a></CENTER>
</DIV>
<DIV id=div3 onmouseover="afficheCalque('div3')" onmouseout="cacheCalque('div3')" style="position:relative; layer-background-color:silver; background-color:silver; width:140; border-width:thin; border-color:white; border-style: groove; visibility: hidden">
<a href="http://" onmouseover="afficheCalque('div3')" onmouseout="cacheCalque('div3')">bla1</a><br>
<a href="http://" onmouseover="afficheCalque('div3')" onmouseout="cacheCalque('div3')">bla2</a>
</DIV>
</TD>
</TR>
</TABLE>
</CENTER>
</BODY></HTML>
Er ist net schlecht und gefällt mir, da man ihn sicherlich gut auf ner Seite anwenden kann!
Es gibt jedoch ein Problem!!! Sobald ich etwas drunter setze, ist es soweit unten, wie das Drop-Down menü hoch ist...!
Gibt es auch eine möglichkeit das Menü über folgende dinge überlappen zu lassen?
Kann mir jemand sagen wo es SCRIPTE gibt, die im Endeffekt genauso aussehen!??
DANKE !!!!!!!!
Hier das SCRIPT:
<HTML>
<HEAD>
<TITLE>
</TITLE>
<STYLE>
A:Hover { color:steelblue; text-decoration:none; text-transform: uppercase; font-weight:bold }
A { color:royalblue; text-decoration:none; font-size: 10pt; font-family: Verdana, Arial }
</STYLE>
<SCRIPT LANGUAGE="Javascript">
ie4 = ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4 ))
ns4 = ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 4 ))
if (ns4) {
layerRef="document.layers";
styleRef="";
} else {
layerRef="document.all";
styleRef=".style";
}
function afficheCalque(calque)
{
eval(layerRef + '["' + calque +'"]' + styleRef + '.visibility = "visible"');
}
function cacheCalque(calque)
{
eval(layerRef + '["' + calque +'"]' + styleRef + '.visibility = "hidden"');
}
</SCRIPT>
</HEAD>
<BODY bgColor=#0088CA text=#000000>
<CENTER>
<table border=0 cellspacing=0 cellpadding=0>
<TR valign=top>
<TD>
<DIV STYLE="background-color:silver; width:220" onmouseover="afficheCalque('div1')" onmouseout="cacheCalque('div1')">
<CENTER><a href=# onmouseover="afficheCalque('div1')" onmouseout="cacheCalque('div1')">Menü Nr.1</a></CENTER>
</DIV>
<DIV id=div1 onmouseover="afficheCalque('div1')" onmouseout="cacheCalque('div1')" style="position:relative; layer-background-color:silver; background-color:silver; width:220; border-width:thin; border-color:white; border-style: groove; visibility: hidden">
<a href=http://" onmouseover="afficheCalque('div1')" onmouseout="cacheCalque('div1')">Punkt1</a><br>
<a href=http://" onmouseover="afficheCalque('div1')" onmouseout="cacheCalque('div1')">Punkt2</a><br>
<a href=http://" onmouseover="afficheCalque('div1')" onmouseout="cacheCalque('div1')">Punkt3</a><br>
</DIV>
</TD>
<TD>
<DIV STYLE="background-color:silver; width:140" onmouseover="afficheCalque('div2')" onmouseout="cacheCalque('div2')">
<CENTER><a href=# onmouseover="afficheCalque('div2')" onmouseout="cacheCalque('div2')">Menü Nr.2</a></CENTER>
</DIV>
<div id=div2 onmouseover="afficheCalque('div2')" onmouseout="cacheCalque('div2')" style="position:relative; layer-background-color:silver; background-color:silver; width:140; border-width:thin; border-color:white; border-style: groove; visibility: hidden">
<a href=http://" onmouseover="afficheCalque('div2')" onmouseout="cacheCalque('div2')">Season 1</a><br>
<a href=http://" onmouseover="afficheCalque('div2')" onmouseout="cacheCalque('div2')">Season 2</a><br>
<a href=http://" onmouseover="afficheCalque('div2')" onmouseout="cacheCalque('div2')">Season 3</a><br>
</DIV>
</TD>
<TD>
<DIV STYLE="background-color:silver; width:140" onmouseover="afficheCalque('div3')" onmouseout="cacheCalque('div3')" >
<CENTER><a href=# onmouseover="afficheCalque('div3')" onmouseout="cacheCalque('div3')">Menü Nr.3</a></CENTER>
</DIV>
<DIV id=div3 onmouseover="afficheCalque('div3')" onmouseout="cacheCalque('div3')" style="position:relative; layer-background-color:silver; background-color:silver; width:140; border-width:thin; border-color:white; border-style: groove; visibility: hidden">
<a href="http://" onmouseover="afficheCalque('div3')" onmouseout="cacheCalque('div3')">bla1</a><br>
<a href="http://" onmouseover="afficheCalque('div3')" onmouseout="cacheCalque('div3')">bla2</a>
</DIV>
</TD>
</TR>
</TABLE>
</CENTER>
</BODY></HTML>