CodeFoot.com: JavaScript: Background Image Scroller

JavaScript: Background Image Scroller - Vertical

BACKGROUND:
===========
This is an interesting effect that causes the background image of
your page to scroll underneath the page content.

INSTRUCTIONS:
=============

Step One:
---------

Make a background image and add it to your page
as you normally would, like this:

Step Two:
---------

Insert the following script immediately *after* the
<body> tag:

// set the speed
// larger numbers = slower scroll
var howQuick = 10;

// do not edit below
// -----------------

var beIE = document.all?true:false;
var iWhere = 0;

function scrollBackGround(){
  if (beIE){
     iWhere = iWhere + 1;
     if (iWhere > 1000000) iWhere = 1;
     document.body.style.backgroundPosition = "0 " + iWhere;
     window.setTimeout("scrollBackGround()",howQuick);
  }
}

scrollBackGround();

//-->
</script>

USE NOTES:
==========

Note that only IE supports this use; other browsers will ignore
the script and display the background image normally.

Comments

Unlike many scripts, you must place this script immediately after the <body> tag in your page; since the body and its reference to the background image must be present before the script itself can ask for it. Note that the effect only works with Internet Explorer (other browsers will simply ignore it, and show the background image normally).

Also see the horizontal version, here.

CodeBrain.com	BrainCode.com	CodeFoot.com	CodeBelly.com	CodeLifter.com
PopUpWorks.com	Droiddd.com	etLux.com		OECCorp.com
	TrayApps.com	DavidSosnowski.com	MicroTicker.com