PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
c

dropdown met mouseover

Door chris op 22-04-2006 23:24
704 views
hallo,ik ben op zoek naar een script voor een dropdown menu met mouseover.
wie heeft zo'n script en zou het willen delen met mij.
alvast bedankt.
J
Jason de Ridder
23-04-2006 01:29
dropdown met mouse-over?
Wat bedoel je daarmee? voorbeeldje?
S
Stephan Sterrenberg
23-04-2006 01:48
hier eentje in javascript

<html>
<head>
<style>
body{font-family:comic sans ms;}
table{font-size:80%;background:black}
a{color:red;text-decoration:none;font:bold}
a:hover{color:blue}
td.menu{background:lightblue}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}
p.MsoNormal
{mso-style-parent:"";
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"comic sans ms";
margin-left:0cm; margin-right:0cm; margin-top:0cm}
</style>
<script type="text/javascript">
function showmenu(elmnt)
{
document.getElementById(elmnt).style.visibility="visible"
}
function hidemenu(elmnt)
{
document.getElementById(elmnt).style.visibility="hidden"
}
</script>
<meta name="Microsoft Theme" content="spring 1111">
</head>
<body>
<table width="100%">
<tr bgcolor="#FFFF99">
<td onmouseover="showmenu('menu1')" onmouseout="hidemenu('menu1')" width="25%">
<font color="#FF0000"><b>Naam1</b></font><br>
<table class="menu" id="menu1" width="120">
<tr><td class="menu"><a href="test.htm">subnaam1 van naam1</font></a></td></tr>
<tr><td class="menu"><a href="test.htm">subnaam2 van naam1</font></a></td></tr>
<tr><td class="menu"><a href="test.htm">subnaam3 van naam1</font></a></td></tr>
</table>
</td>

<td onmouseover="showmenu('menu2')" onmouseout="hidemenu('menu2')" width="25%">
<font color="#FF0000"><b>Naam2</b></font><br>
<table class="menu" id="menu2" width="120">
<tr><td class="menu"><a href="test.htm">subnaam1 van naam2</font></a></td></tr>
<tr><td class="menu"><a href="test.htm">subnaam2 van naam2</font></a></td></tr>
<tr><td class="menu"><a href="test.htm">subnaam3 van naam2</font></a></td></tr>
</table>
</td>
<td onmouseover="showmenu('menu3')" onmouseout="hidemenu('menu3')" width="25%">
<font color="#FF0000"><b>naam3</b></font><br>
<table class="menu" id="menu3" width="120">
<tr><td class="menu"><a href="test.htm">subnaam1 van naam3</font></a></td></tr>
<tr><td class="menu"><a href="test.htm">subnaam2 van naam3</font></a></td></tr>
<tr><td class="menu"><a href="test.htm">subnaam3 van naam3</font></a></td></tr>
</table>
</td>
<td onmouseover="showmenu('menu4')" onmouseout="hidemenu('menu4')" width="25%">
<font color="#FF0000"><b>Naam4</b></font><br>
<table class="menu" id="menu4" width="120">
<tr><td class="menu"><a href="test.htm">subnaam1 van naam4</font></a></td></tr>
<tr><td class="menu"><a href="test.htm">subnaam2 van naam4</font></a></td></tr>
<tr><td class="menu"><a href="test.htm">subnaam3 van naam4</font></a></td></tr>
</table>
</td>
</tr>
</table>
</body>
</html>

veel plesier ermee
groetjes wesley
c
chris
23-04-2006 01:48
bedank wesley,dit is de bedoeling alleen hoe krijg ik dan weer een 2e submenu in in het 1e
S
Stephan Sterrenberg
23-04-2006 01:59
is niet zo netjes maar dat moet je zelf maar ff oplossen
onder naam1 subnaam1 staat een ander submenu

<html>
<head>
<style>
body{font-family:comic sans ms;}
table{font-size:80%;background:black}
a{color:red;text-decoration:none;font:bold}
a:hover{color:blue}
td.menu{background:lightblue}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}
p.MsoNormal
{mso-style-parent:"";
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"comic sans ms";
margin-left:0cm; margin-right:0cm; margin-top:0cm}
</style>
<script type="text/javascript">
function showmenu(elmnt)
{
document.getElementById(elmnt).style.visibility="visible"
}
function hidemenu(elmnt)
{
document.getElementById(elmnt).style.visibility="hidden"
}
</script>
<meta name="Microsoft Theme" content="spring 1111">
</head>
<body>
<table width="100%">
<tr bgcolor="#FFFF99">
<td onmouseover="showmenu('menu1')" onmouseout="hidemenu('menu1')" width="25%">
<font color="#FF0000"><b>Naam1</b></font><br>
<table class="menu" id="menu1" width="120">
<tr><td onmouseover="showmenu('menu4')" onmouseout="hidemenu('menu4')" width="25%">
<font color="#FF0000"><b>subnaam1 van naam1</b></font><br>
<table class="menu" id="menu4" width="120">
<tr><td class="menu"><a href="test.htm">subnaam1 van subnaam1 van naam1</font></a></td></tr>
<tr><td class="menu"><a href="test.htm">subnaam2 van subnaam1 van naam1</font></a></td></tr>
<tr><td class="menu"><a href="test.htm">subnaam3 van subnaam1 van naam1</font></a></td></tr>
</table>
</td></tr>
<tr><td class="menu"><a href="test.htm">subnaam2 van naam1</font></a></td></tr>
<tr><td class="menu"><a href="test.htm">subnaam3 van naam1</font></a></td></tr>
</table>
</td>

<td onmouseover="showmenu('menu2')" onmouseout="hidemenu('menu2')" width="25%">
<font color="#FF0000"><b>Naam2</b></font><br>
<table class="menu" id="menu2" width="120">
<tr><td class="menu"><a href="test.htm">subnaam1 van naam2</font></a></td></tr>
<tr><td class="menu"><a href="test.htm">subnaam2 van naam2</font></a></td></tr>
<tr><td class="menu"><a href="test.htm">subnaam3 van naam2</font></a></td></tr>
</table>
</td>
<td onmouseover="showmenu('menu3')" onmouseout="hidemenu('menu3')" width="25%">
<font color="#FF0000"><b>naam3</b></font><br>
<table class="menu" id="menu3" width="120">
<tr><td class="menu"><a href="test.htm">subnaam1 van naam3</font></a></td></tr>
<tr><td class="menu"><a href="test.htm">subnaam2 van naam3</font></a></td></tr>
<tr><td class="menu"><a href="test.htm">subnaam3 van naam3</font></a></td></tr>
</table>
</td>
<td onmouseover="showmenu('menu4')" onmouseout="hidemenu('menu4')" width="25%">
<font color="#FF0000"><b>Naam4</b></font><br>
<table class="menu" id="menu4" width="120">
<tr><td class="menu"><a href="test.htm">subnaam1 van naam4</font></a></td></tr>
<tr><td class="menu"><a href="test.htm">subnaam2 van naam4</font></a></td></tr>
<tr><td class="menu"><a href="test.htm">subnaam3 van naam4</font></a></td></tr>
</table>
</td>
</tr>
</table>
</body>
</html>
c
chris
23-04-2006 02:02
ok nogmaals bedankt wesley,ik zal er eens mee aan de slag gaan.
perfect bedankt.
S
Stephan Sterrenberg
23-04-2006 02:07
ik heb hem een beetje bijgewerkt
scheelt jou weer werk
heb er speciaal programma voor

<html>
<head>
<style>
body{font-family:comic sans ms;}
table{font-size:80%;background:black}
a{color:red;text-decoration:none;font:bold}
a:hover{color:blue}
td.menu{background:lightblue}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}
p.MsoNormal
{mso-style-parent:"";
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"comic sans ms";
margin-left:0cm; margin-right:0cm; margin-top:0cm}
</style>
<script type="text/javascript">
function showmenu(elmnt)
{
document.getElementById(elmnt).style.visibility="visible"
}
function hidemenu(elmnt)
{
document.getElementById(elmnt).style.visibility="hidden"
}
</script>
</head>
<body>
<table width="100%">
<tr bgcolor="#FFFF99">
<td onmouseover="showmenu('menu1')" onmouseout="hidemenu('menu1')" width="25%">
<font color="#FF0000"><b>Naam1</b></font><br>
<table class="menu" id="menu1" width="120">
<tr><td onmouseover="showmenu('submenu1')" onmouseout="hidemenu('submenu1')" width="25%">
<font color="#FF0000"><b>subnaam1 van naam1</b></font><br>
<table class="menu" id="submenu1" width="120" style="position: absolute; left: 115px; top: 20px">
<tr><td class="menu"><a href="test.htm">subnaam1 van subnaam1 van naam1</font></a></td></tr>
<tr><td class="menu"><a href="test.htm">subnaam2 van subnaam1 van naam1</font></a></td></tr>
<tr><td class="menu"><a href="test.htm">subnaam3 van subnaam1 van naam1</font></a></td></tr>
</table>
</td></tr>
<tr><td class="menu"><a href="test.htm">subnaam2 van naam1</font></a></td></tr>
<tr><td class="menu"><a href="test.htm">subnaam3 van naam1</font></a></td></tr>
</table>
</td>

<td onmouseover="showmenu('menu2')" onmouseout="hidemenu('menu2')" width="25%">
<font color="#FF0000"><b>Naam2</b></font><br>
<table class="menu" id="menu2" width="120">
<tr><td class="menu"><a href="test.htm">subnaam1 van naam2</font></a></td></tr>
<tr><td class="menu"><a href="test.htm">subnaam2 van naam2</font></a></td></tr>
<tr><td class="menu"><a href="test.htm">subnaam3 van naam2</font></a></td></tr>
</table>
</td>
<td onmouseover="showmenu('menu3')" onmouseout="hidemenu('menu3')" width="25%">
<font color="#FF0000"><b>naam3</b></font><br>
<table class="menu" id="menu3" width="120">
<tr><td class="menu"><a href="test.htm">subnaam1 van naam3</font></a></td></tr>
<tr><td class="menu"><a href="test.htm">subnaam2 van naam3</font></a></td></tr>
<tr><td class="menu"><a href="test.htm">subnaam3 van naam3</font></a></td></tr>
</table>
</td>
<td onmouseover="showmenu('menu4')" onmouseout="hidemenu('menu4')" width="25%">
<font color="#FF0000"><b>Naam4</b></font><br>
<table class="menu" id="menu4" width="120">
<tr><td class="menu"><a href="test.htm">subnaam1 van naam4</font></a></td></tr>
<tr><td class="menu"><a href="test.htm">subnaam2 van naam4</font></a></td></tr>
<tr><td class="menu"><a href="test.htm">subnaam3 van naam4</font></a></td></tr>
</table>
</td>
</tr>
</table>
</body>
</html>
c
chris
23-04-2006 02:12
daar kan ik wat mee,wat voor programma gebruik je daarvoor dan(lijk me wel makkelijk).
c
chris
23-04-2006 02:38
wesley schreef op 23.04.2006 02:19
frontpage, php designer 2005


ik heb alleen frontpage 2003 en daar zit dit niet in jammer,maar toch bedankt.

Reageren

Inloggen om te reageren