kalde et javascript fra et <header> i html5
HejsaJeg har haft en tråd før om dette som er blevet lukket. Jeg har lavet mig et html5 dokument, hvor jeg i mit banner gerne vil have en animation kørende, som er lavet i javascript. Når jeg kører understående side begynder hele min side at blinke, og ikke kun inde i min header. Det kan ses her:
http://www.youtube.com/watch?v=UsKd0CjWBT4
Det er inde i det grønne felt, som gerne skulle køre javascriptet og ikke hele siden. Er der nogle som har en ide til hvordan jeg gør det? I min kode mener jeg at have lavet det i min <header> tag som det grønne felt er. Selve header id referer til et css dokument. Håber der er nogle som kan hjælpe mig?
</head>
<body>
<div id="big_wrapper">
<header id="header">
<canvas>
<img src="img/1.jpg" onload="bgChanger()">
</canvas>
</header>
<nav id="nav">
<ul>
java script:
function bgChanger (end) {
document.getElementsByTagName("body")[0].style.backgroundColor = "#" + end;
}
//red
setTimeout(function() { bgChanger("FF0000")}, 0);
//black
setTimeout(function() { bgChanger("000000")}, 100);
//purple
setTimeout(function() {bgChanger("AA00EE")}, 200);
//green
setTimeout(function() {bgChanger("00FF00")}, 300);
//blue
setTimeout(function() {bgChanger("0000FF")}, 400);
//gray
setTimeout(function() {bgChanger("CCCCCC")}, 500);
//white (pause)
setTimeout(function() {bgChanger("FFFFFF")}, 600);
Med Venlig Hilsen
Mads