Free jQuery Scrolling Background with Randomised Overlay Effect
Category: Support System (depraced!)
- views: 4 937
- date: 29 April 2011
- posted by: Src
Demo:
http://9.bb/286885/4890-demo-jquery-scrolling-bg
Source URL:
http://www.kudoswebsolutions.com/web-design-blog/jquery-randomised-background-scrolling-effect-tutorial
Firstly, lets take a look at what we’re aiming to achieve. Check out the demos by clicking the link above. See how the background appears to change gradually? Next refresh the page a few times and see how the overlaid pattern also changes on each reload meaning that the effect is different every time you do so. You can achieve this effect very easily to add great visual interest to your web design, using just two images, a tiny bit of xhtml and some jquery magic…
Your final result may not look identical to the above, which is good – go get creative with it! Take the second example on the demo page. This 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:
A continually scrollling background image using javascript
A static overlay image with transparency
Random starting positions for both images allowing for a unique appearance on every page load, again using javascript
We need your support!
Make a donation to help us stay online
Bitcoin (BTC)
bc1q08g9d22cxkawsjlf8etuek2pc9n2a3hs4cdrld
Bitcoin Cash (BCH)
qqvwexzhvgauxq2apgc4j0ewvcak6hh6lsnzmvtkem
Ethereum (ETH)
0xb55513D2c91A6e3c497621644ec99e206CDaf239
Litecoin (LTC)
ltc1qt6g2trfv9tjs4qj68sqc4uf0ukvc9jpnsyt59u
USDT (ERC20)
0xb55513D2c91A6e3c497621644ec99e206CDaf239
USDT (TRC20)
TYdPNrz7v1P9riWBWZ317oBgJueheGjATm
Information |
|||
 |
Users of GUESTS are not allowed to comment this publication. | ||