Scrollender Hintergrund

Mal was anderes, hier scrollt der Hintergrund der Website…

Im Gegensatz zu den anderen kleinen Effekten ist dieses kleine
Script doch eine Besonderheit. Nicht der Inhalt der Website scrollt
hinweg, sondern der Hintergrund selbst…
Funktioniert aber nur mit dem InternetExplorer.
Die Variable var ende = 255; gibt die länge des
Scrollens an. 255 bedeutet, das der Hintergrund nach unten scroll.
Soll der Hintergrund nach oben scrollen, einfach var ende
= -255;
daraus machen.

<script language="JavaScript" type="text/javascript">

<!--
var i = 0;
var ende = 255; //wenn es nach ober scrollen soll -255;
function setUp()
{
var scroll = window.setInterval("bgscroll()",10);
}
function bgscroll()
{
if(i <= ende)
{
document.getElementsByTagName(
"body")[0].style.backgroundPosition = "0px "+i+"px";

i++;
}
else window.clearInterval(scroll);
}
//-->
</script>

Damit das Script aufgeruden wird, muss im <body> Tag der Onlod
Eventhandler auf die Funktion setUp() verweisen.

<body onLoad="setUp()">

This entry was posted in Javascript Tricks. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *