Supportnet / Forum / Webseiten/HTML
Wenn ich das mal wüßte!
Frage
Hallo,
kann mir jemand ein Stichwort geben, wonach ich suchen muß im Netz?
Ich möchte, daß wenn man mit der Maus auf einen Butten geht (Link) sich so ein "Untermenü" öffnet.
Gruß,
drakula
Antwort 1 von Friedel
Das ist nicht einfach zu machen. Ich habe so ein Script gebastelt, aber noch keine Anleitung dazu auf meiner HP. Ich such mal in meinen JavaScriptlinks ob ich was entsprechendes finde.
Antwort 2 von Friedel
Antwort 3 von Friedel
Antwort 4 von ukraina.
sowas??
<html>
<head>
<title></title>
</head>
<body bgcolor="#000000">
<center>
<style>
.menu
{
position: absolute;
top:0;
z-index: 2;
}
.submenu
{
position: absolute;
top: 22;
z-index: 0;
visibility: hide;
visibility: hidden;
}
</style>
<script>
<!--
var old;
var memold;
if(document.layers)
{
window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=do_out;
} else
{
document.onmousedown=do_out;
}
function show_layer(x)
{
if(document.layers)
document.layers[x].visibility="show";
else
document.all[x].style.visibility="visible";
}
function hide_layer(x)
{
if(document.layers)
document.layers[x].visibility="hide";
else
document.all[x].style.visibility="hidden";
}
function do_menu(x)
{
if(!old)
old=memold;
if(old!=x)
{
show_layer(x);
old=x;
} else
old="";
}
function do_check(x)
{
if(old && old!=x)
{
hide_layer(old);
show_layer(x);
old=x;
}
}
function do_out()
{
if(old)
hide_layer(old);
memold=old;
old="";
}
// -->
</script>
<div id="m1" class="menu" style="left: 5; z-index: 2">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="115">
<tr>
<td><a href="javascript:do_menu('m1x')" onmouseover="do_check('m1x')"><b>Betriebssystem</b></a>
</td>
</tr>
</table>
</div><div id="m1x" class="submenu" style="left: 5; top:22; z-index: 0;">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="115">
<tr>
<td><a href="#">Link1</a><br>
<a href="#">Link2</a><br>
<a href="#">Link3</a><br>
<a href="#">Link4</a> </td>
</tr>
</table>
</div><div id="m2" class="menu" style="left: 120;">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="100">
<tr>
<td><a href="javascript:do_menu('m2x')" onmouseover="do_check('m2x')"><b>Software</b></a> </td>
</tr>
</table>
</div><div id="m2x" class="submenu" style="left: 120; top:22; z-index: 0;">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="100">
<tr>
<td><a href="#">Link1</a><br>
<a href="#">Link2</a><br>
<a href="#">Link3</a> </td>
</tr>
</table>
</div><div id="m3" class="menu" style="left: 220;">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="100">
<tr>
<td><a href="javascript:do_menu('m3x')" onmouseover="do_check('m3x')"><b>Hardware</b></a> </td>
</tr>
</table>
</div><div id="m3x" class="submenu" style="left: 220; top:22; z-index: 0;">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="100">
<tr>
<td><a href="#">Link1</a><br>
<a href="#">Link2</a><br>
<a href="#">Link2</a><br>
<a href="#">Link4</a> </td>
</tr>
</table>
</div>
</center>
</body>
</html>
<html>
<head>
<title></title>
</head>
<body bgcolor="#000000">
<center>
<style>
.menu
{
position: absolute;
top:0;
z-index: 2;
}
.submenu
{
position: absolute;
top: 22;
z-index: 0;
visibility: hide;
visibility: hidden;
}
</style>
<script>
<!--
var old;
var memold;
if(document.layers)
{
window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=do_out;
} else
{
document.onmousedown=do_out;
}
function show_layer(x)
{
if(document.layers)
document.layers[x].visibility="show";
else
document.all[x].style.visibility="visible";
}
function hide_layer(x)
{
if(document.layers)
document.layers[x].visibility="hide";
else
document.all[x].style.visibility="hidden";
}
function do_menu(x)
{
if(!old)
old=memold;
if(old!=x)
{
show_layer(x);
old=x;
} else
old="";
}
function do_check(x)
{
if(old && old!=x)
{
hide_layer(old);
show_layer(x);
old=x;
}
}
function do_out()
{
if(old)
hide_layer(old);
memold=old;
old="";
}
// -->
</script>
<div id="m1" class="menu" style="left: 5; z-index: 2">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="115">
<tr>
<td><a href="javascript:do_menu('m1x')" onmouseover="do_check('m1x')"><b>Betriebssystem</b></a>
</td>
</tr>
</table>
</div><div id="m1x" class="submenu" style="left: 5; top:22; z-index: 0;">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="115">
<tr>
<td><a href="#">Link1</a><br>
<a href="#">Link2</a><br>
<a href="#">Link3</a><br>
<a href="#">Link4</a> </td>
</tr>
</table>
</div><div id="m2" class="menu" style="left: 120;">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="100">
<tr>
<td><a href="javascript:do_menu('m2x')" onmouseover="do_check('m2x')"><b>Software</b></a> </td>
</tr>
</table>
</div><div id="m2x" class="submenu" style="left: 120; top:22; z-index: 0;">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="100">
<tr>
<td><a href="#">Link1</a><br>
<a href="#">Link2</a><br>
<a href="#">Link3</a> </td>
</tr>
</table>
</div><div id="m3" class="menu" style="left: 220;">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="100">
<tr>
<td><a href="javascript:do_menu('m3x')" onmouseover="do_check('m3x')"><b>Hardware</b></a> </td>
</tr>
</table>
</div><div id="m3x" class="submenu" style="left: 220; top:22; z-index: 0;">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="100">
<tr>
<td><a href="#">Link1</a><br>
<a href="#">Link2</a><br>
<a href="#">Link2</a><br>
<a href="#">Link4</a> </td>
</tr>
</table>
</div>
</center>
</body>
</html>
Antwort 5 von Feuervogel
http://www.javascriptkit.com
Antwort 6 von drakula
Moin Friedel, da habe ich wohl etwas zu hoch gegriffen.
Das ist noch zu schwer für mich.
Aber danke.
Ukraina, ja, sowas soll es sein.
Aber das umzubauen für meine Vorstellungen ist wie gesagt noch zu schwer.
Schönen Tag,
d.
Das ist noch zu schwer für mich.
Aber danke.
Ukraina, ja, sowas soll es sein.
Aber das umzubauen für meine Vorstellungen ist wie gesagt noch zu schwer.
Schönen Tag,
d.
Antwort 7 von Quailer
http://roflweb.de/
-> Scripts -> Navigation
YQ
-> Scripts -> Navigation
YQ