<ole>
Havde noget liggende, der lige skulle rettes en anelse til ... prøv den:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<style type="text/css">
body {
height: 95%;
background-color: #000000;
color: #dedede;
}
.spot {
position: absolute;
top: 0px;
left: 0px;
filter: Alpha(opacity=0);
-mozOpacity = 0;
}
</style>
<script type="text/JavaScript">
var oSpots = {
"path" : "img/", // Sti til billeder
"numOspots" : 4, // Antal billeder
"minSpeed" : 15, // Min. anim-hastighed
"maxSpeed" : 40, // Max. anim-hastighed
"minOpac" : 35, // Min. opacity
"maxOpac" : 60 // Max. opacity
};
var aSpots, d=document;
aSpots = new Array();
function gE(id){return d.getElementById(id)}
if (!d.all) {
oSpots.minSpeed *= 1.7;
oSpots.maxSpeed *= 1.7;
}
function writeSpots() {
var aRet = new Array();
for (i=0; i<oSpots.numOspots; i++) {
aRet[aRet.length] = "<img src=\"" + oSpots.path + "spot_" + i + ".gif\" id=\"spot_" + i + "\" class=\"spot\" style=\"z-index;" + (i+10) + "\">";
}
return aRet.join("\n");
}
function makeSpot(id, arrayInx) {
var l, t;
this.o = gE(id);
this.css = this.o.style;
this.w = this.o.width;
this.h = this.o.height;
l = parseInt( (Math.random()*oSpots.wW)-this.w );
this.css.left = (l<0)? "0px" : l+"px";
t = parseInt( (Math.random()*oSpots.wH)-this.h );
this.css.top = (t<0)? "0px" : t+"px";
var x = Math.round(oSpots.minSpeed+(Math.random()*(oSpots.maxSpeed-oSpots.minSpeed))*1.8);
if (Math.random()<0.5) x *= -1;
var y = Math.round(oSpots.minSpeed+(Math.random()*(oSpots.maxSpeed-oSpots.minSpeed)));
if (Math.random()<0.5) y *= -1;
this.aXY = new Array( x, y );
this.arrInx = arrayInx;
this.timer = false;
this.move = fn_move;
if (d.all) this.css.filter = "Alpha(opacity=" + Math.round( oSpots.minOpac+Math.random()*(oSpots.maxOpac-oSpots.minOpac) ) + ")";
else this.css.MozOpacity = Math.round( oSpots.minOpac+Math.random()*(oSpots.maxOpac-oSpots.minOpac) )/100;
this.fadeEnabled = false;
this.fade = fn_fade;
this.id = id;
return this;
}
function fn_move() {
var t, l = parseInt(this.css.left);
t = parseInt(this.css.top);
if ( (l+this.w>oSpots.wW-this.aXY[0] && this.aXY[0]>1) || (l<0 && this.aXY[0]<1) ) this.aXY[0] *= -1;
this.css.left = l + this.aXY[0]+"px";
if ( (t+this.h>oSpots.wH-this.aXY[1] && this.aXY[1]>1) || (t<0 && this.aXY[1]<1) ) this.aXY[1] *= -1;
this.css.top = t + this.aXY[1]+"px";
if (this.fadeEnabled) {
var opaq = (d.all)? this.o.filters[0].opacity : this.css.MozOpacity*100;
if (opaq>3) {
if (d.all) this.o.filters[0].opacity -= 3;
else this.css.MozOpacity -= 3/100;
} else {
this.css.visibility = "hidden";
clearTimeout(this.timer);
return;
}
}
this.timer = setTimeout("aSpots['"+this.arrInx+"'].move()", 70);
}
function fn_fade() {
this.fadeEnabled = true;
}
function fadeAll() {
for (i=0; i<aSpots.length; i++) {
aSpots[i].fade();
}
}
function spotsInit() {
oSpots.wH = (d.all)? d.body.offsetHeight : window.innerHeight;
oSpots.wW = (d.all)? d.body.offsetWidth : window.innerWidth;
for (i=0; i<oSpots.numOspots; i++) {
aSpots[i] = new makeSpot("spot_" + i, i);
aSpots[i].move();
}
// Fade ud efter 5 sekunder:
setTimeout( "fadeAll()", 1000*5 );
}
window.onload = spotsInit;
</script>
</head>
<body>
<button onclick="fadeAll();">Fade All</button><br><br>
bla bla bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla bla bla<br><br><br>
<script type="text/JavaScript">d.write( writeSpots() );</script>
</body>
</html>
/mvh
</bole>
Slettet bruger
Ny bruger
Nybegynder
Opret
Preview
