JS interesse |
|
Ik ben bezig met een uitschuifbare menu:
<div class="tbwrap" onmouseover="menu(2,1)" onmouseout="menu(2,-1)"><!-- --><div class="expand blauw_over" id="m2" style="width:5px"><!-- --></div><div class="tabblad blauw"><!-- --></div></div>
<div class="tbwrap" onmouseover="menu(2,1)" onmouseout="menu(2,-1)"><!-- --><div class="expand blauw_over" id="m2" style="width:5px"><!-- --></div><div class="tabblad blauw"><!-- --></div></div>
function menu(d,wat) {
pos = document.getElementById("m"+d).style.width;
pos = Number(pos.replace("px",""))+ wat;
if (pos<11 && pos>4) {
document.getElementById("m"+d).style.width = pos + "px";
setTimeout("menu("+d+","+wat+")",25);
}
}
function menu(d,wat) { pos = document.getElementById("m"+d).style.width; pos = Number(pos.replace("px",""))+ wat; if (pos<11 && pos>4) { document.getElementById("m"+d).style.width = pos + "px"; setTimeout("menu("+d+","+wat+")",25); } }
Het is de bedoeling dat width van 5 naar 10 en terug loopt. Maar het spacet m een beetje.
Voorbeeld:[url]http:// zwartegoud.marcromeyn.com/[/url]
edit: cleartimeout geprobeerd, maar wil niet echt lukken
|