Hjemmesidens baggrund flytter sig
Sat på siden 12-09-2003
Hvis du vil have baggrundsbilledet til at rulle langsomt ned på din hjemmeside, kan du lave det med et lille JavaScript. Du kan se et hurtiglavet eksempel på http://www.malka.it/home/britt/flytbaggrund.html
Advarsel! Se ikke på siden alt for længe - jeg skal vist have fundet et bedre billede til eksemplet ;-)
Scriptet skal indsættes i <head>. Her har jeg valgt et meget lille
baggrundsbillede, der hedder "bg.gif".
Sørg for at indsætte
baggrundsbilledet i body-taggen, sådan her:
<body background="bg.gif">
Eller endnu bedre som en StyleSheet:<style
type="text/css">
body { background-image = url(bg.gif);
}
</style>
Herefter følger JavaScriptet, som er blevet væsentligt
forbedret af Lasse R.N.:
<script
type="text/javascript">
var RykBaggrund = 0;
function
RulBaggrund(MaksStr){
RykBaggrund++;
RykBaggrund %= MaksStr;
document.body.style.backgroundPosition="0 "+RykBaggrund+"px";
}
var Chrono =
setInterval("RulBaggrund(500)",64);
</script>