|
|
hallo zusammen.
ich habe per javascript ein kleines mouseovermenü gebastelt.
das script verändert die attribute display je nach menüpunkt.
es war so gedacht dass der eintrag der im html code fest mit display:inline eingetragen ist sofort wieder erscheint sobald die anderen menüpunkte mit einer zeitfunktion eliminiert werden - so kann der user bequem nach 5min surfpause gleich sehen wo er ist ...
meiner logik nach gibt es 3 varianten das zu regeln, doch leider fehlen mir die richtigen funktionen dafür
variante 1:
die aufgerufene function zum änderen der display einstellung wird von anfang an zeitbegrenzt gestartet.
variante 2:
die aufgerufene function wird automatisch nach einer gewissen zeit eliminiert (timeout etc)
varinate 3:
die aufgerufene function wird durch eine andere function beendet, heisst nach 5sec startet sich eine andere function und liest die display einstellungen nochmals aus und ändert sie dementensprechend in der anzeige.
was kann man da im javascript verweden?
stop (), setTimout, setInterval, releaseEvent(), ...
bitte euch nochmals um hilfe.
vielen dank
gruß
chainsaw
das menue script:
#############
function Home () {
lay1=document.getElementById("Home").style;
lay2=document.getElementById("links").style;
lay3=document.getElementById("contact").style;
lay4=document.getElementById("info").style;
lay1.display="inline";
lay2.display="none";
lay3.display="none";
lay4.display="none";
}
function links() {
lay1=document.getElementById("Home").style;
lay2=document.getElementById("links").style;
lay3=document.getElementById("contact").style;
lay4=document.getElementById("info").style;
lay1.display="none";
lay2.display="inline";
lay3.display="none";
lay4.display="none";
}
function contact() {
lay1=document.getElementById("Home").style;
lay2=document.getElementById("links").style;
lay3=document.getElementById("contact").style;
lay4=document.getElementById("info").style;
lay1.display="none";
lay2.display="none";
lay3.display="inline";
lay4.display="none";
}
function info() {
lay1=document.getElementById("Home").style;
lay2=document.getElementById("links").style;
lay3=document.getElementById("contact").style;
lay4=document.getElementById("info").style;
lay1.display="none";
lay2.display="none";
lay3.display="none";
lay4.display="inline";
}
|
|
| 11.05.2006 11:42:39 |
|
Wechsel zu
Die letzten Beiträge aus diesen Forum
|
|
