Nieuw lid |
|
Ik ben een website aan het maken die onmouseover buttons bevat. Button 1 ging prima, op het moment dat ik button 2 toevoegde ging button 1 ook weer de onmouseover doen. Hoe krijg ik het zo dat beide buttons los van elkaar de onmouseover uitvoeren?
<script type="text/javascript">
function mouseOver()
{
document.getElementById("b1").src ="images/menubuttons/homebuttononmouse.png";
document.getElementById("b2").src ="images/menubuttons/attractiesbuttononmouse.png";
}
function mouseOut()
{
document.getElementById("b1").src ="images/menubuttons/homebutton.png";
document.getElementById("b2").src ="images/menubuttons/attractiesbutton.png";
}
</script>
</head>
<body>
<div id="wrapper">
<div id="header"></div>
<div id="menuspacetop"></div>
<div id="navigation">
<a href="index.html"> <img class="menuimages" src="images/menubuttons/homebutton.png"
id="b1" width="80" height="35" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
<a href="attracties.html"> <img class="menuimages" src="images/menubuttons/attractiesbutton.png"
id="b2" width="124" height="35" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
<script type="text/javascript"> function mouseOver() { document.getElementById("b1").src ="images/menubuttons/homebuttononmouse.png"; document.getElementById("b2").src ="images/menubuttons/attractiesbuttononmouse.png"; } function mouseOut() { document.getElementById("b1").src ="images/menubuttons/homebutton.png"; document.getElementById("b2").src ="images/menubuttons/attractiesbutton.png"; } <a href="index.html"> <img class="menuimages" src="images/menubuttons/homebutton.png" id="b1" width="80" height="35" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a> <a href="attracties.html"> <img class="menuimages" src="images/menubuttons/attractiesbutton.png" id="b2" width="124" height="35" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
|