Tips&Tricks

til hjemmesiden, computeren og internettet

Tips & Tricks



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>

Kunne du lide tippet? Abonner gratis på mine nyhedsmails og få friske tips hver uge: Tilmelding til Tips og tricks
Lige nu: Få e-bogen "701 Tips og Tricks" gratis (normalpris $11,83) ved tilmelding.


|