Get new jQuery plugins just once a week
July 17, 2012
zLayer | jQuery parallax plugin
zLayer is a jQuery parallax plugin that allows you to orientate an element based on the position of your mouse to the page’s window, or element’s parent.zLayer is perfect for interactive illustrations and rich user experience through creative methods through a parallax effect.It has got the following configuration options :-
Mass gives parallax movement distance limitation. The more mass you give an element the less it will move from its original position.
Sometimes you want a parent element to be the event for moving your zlayers. By using canvas and pointing to this parent element, we contain the zLayers movements to our parent element.
Confine is a way to stop either x or y axis’ from any movement what so ever (Such as our above example’s background).
Force allows you to control if an element should be pushed or pulled away from your mouse’s position. This is a fun one to mix up with different elements and create many effects.
Created by Devin Olsen
zLayers is a jQuery parallax plugin
Sign up for our weekly newsletter.