Ich bastel gerade an einem Javascript, dass dir vielleicht helfen könnte.
Es besteht aus zwei bereichen, die du im Editor festlegen kannst. Es handelt sich um zwei <div>-Tags.
Code:
<div id="header" style="position:absolute; background-color:black; top:0px; left:0px; width:100%; height:100px; z-index:2">
<input type="button" name="button" value="auskplappen" onclick="doit()" />
</div>
<div id="ausklappbar" style="position:absolute; background-color:grey; top:0px; left:0px; width:100%; height:100px; z-index:1;">
<input type="button" name="button" value="einklappen" onclick="backit()" />
</div>
Code:
<script language="javascript" type="text/javascript">
var i = 0;
function doit() {
var ausklappinterval = setInterval("klappaus()", 5);
}
function klappaus () {
document.getElementById("ausklappbar").style.top = i + "px";
if(i == 100) {
clearInterval(ausklappinterval);
}
i++;
}
function backit() {
var einklappeninterval = setInterval("einklapp()", 5);
}
function einklapp() {
document.getElementById("ausklappbar").style.top = i + "px";
if(i == 0) {
clearInterval(einklappeninterval);
}
i--;
}
</script>
Das musst du Ebenfalls im Editor novh vor die <div>-Tags kopieren.
NAtürlich beim Kopieren erst auf den Quellcode-Button klicken, damit es nicht als Text kopiert wird.
Ich werde auf meiner Homepage versuchen alles genauer zu erklären.
Da kannst du dir dann auch ein Beispiel ansehen.
