Simplest jQuery Background Parallax Effect - parallaxMd
File Size: | 3.41 KB |
---|---|
Views Total: | 1948 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

parallaxMd is a minimalist jQuery plugin which helps you create a configurable background parallax effect as you scroll the webpage.
How to use it:
1. Load jQuery library and the jQuery parallaxMd plugin at the end of the document.
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> <script src="parallaxMd.js"></script>
2. Add a background image to your container using the data-mdparallax
attribute.
<div class="container" data-mdparallax="demo.jpg"> ... </div>
3. Apply the parallax effect to the background image.
$(".container").parallaxMd({ /* Options */ });
4. Config the parallax effect.
$(".container").parallaxMd({ "imgHeight": "300px", "imgWidth": "100%", "speed" : "20" // animation speed });
Change log:
2015-08-19
- Modificate some properties
This awesome jQuery plugin is developed by TarickMd. For more Advanced Usages, please check the demo page or visit the official website.