nicht angemeldet
hier mal der quelltext(schon ein bischen verändert):
<html>
<head><title>dynamische Seite</title>
<style type="text/css">
ul#header {
border:medium double gray;
position:absolute;
top:1em;
left:2.5em;
background-image:url(header.jpg);
}
ul#navigation {
border:medium double gray;
border-top:0px solid white;
position:absolute;
top:9em;
left:2.5em;
width:0em;
height:0em;
overflow:hidden;
background:url(paris.jpg) no-repeat;
background-position:center center;
text-align:center;
}
ul#navigation li {
padding:0.5em;
color:red;
}
ul#prozent {
position:absolute;
top:20em;
left:25em;
list-style:none;
}
</style>
<script type="text/javascript">
var breite_header = 0;
var höhe_header = 0;
var breite_navigation = 0;
var höhe_navigation = 0;
var a = 1;
var i = 1;
var erster_Intervall = window.setInterval("header()", 10);
function header() {
document.getElementById("header").style.width = breite_header +"em";
document.getElementById("header").style.height = höhe_header + "em";
a++;
breite_header = breite_header + 1.15;
höhe_header = höhe_header + 0.16;
if ( a >= 50 ) {
window.clearInterval(erster_Intervall);
zweiter_Intervall = window.setInterval("navigation()", 10);
}/*if beenden*/
}/*header() beenden*/
function navigation() {
document.getElementById("navigation").style.width = breite_navigation + "em";
document.getElementById("navigation").style.height = höhe_navigation + "em";
i++;
breite_navigation = breite_navigation + 0.15;
höhe_navigation = höhe_navigation + 0.6;
if ( i >= 50 ) {
window.clearInterval(zweiter_Intervall);
dritter_Intervall = window.setInterval("status()", 100);
}/*if beenden*/
}/*navigation() beenden__________________________________________________________________________*/
z = 1;
text = document.createTextNode( z + "%" );
laden = document.createElement("li");
document.getElementsByTagName("ul")[2].appendChild(laden);
document.getElementsByTagName("li")[0].appendChild(text);
alert(getElementsByTagName("li")[0]);
function status() {
z++;
text2 = document.createTextNode( z + "%");
document.getElementsByTagName("ul")[2].replaceChild(text2, getElementsByTagName("li")[3].firstChild);
if ( z >= 100 ) {
window.clearInterval(dritter_Interval);
}/*if beenden*/
}/*status beenden*/
</script>
</head>
<body>
<ul id="header">
</ul>
<ul id="navigation">
<li></li>
<li>1</li>
<li>2</li>
</ul>
<ul id="prozent">
</ul>
</body></html>
Struppi