jQuery background scrolling effect tutorial
So what is this Javascript scrolling background image thing about…? This tutorial gives the impression of a scrolling background on text, but of course it uses images to achieve it. However you may implement it, the principles remain the same: 1) A continually scrollling background image using javascript 2) A static overlay image with transparency 3) Random starting positions for both images allowing for a unique appearance on every page load, again using javascript. Step 1: What you need in your toolbag… This tutorial should be fairly easy to follow for all web designers / developers, however a working knowledge of XHTML & CSS is assumed throughout the tutorial, as well as experience in hooking up jquery and javascript to your web designs. What you are going to need: A background image which will scroll. This is the coloured gradient with texture image in our example. An overlaid transparency image (this will be much taller than the viewable area). jQuery core library...