RP.js

We used to hear a day about something called landing page, which i utilized the concept to design a new elegent Rolling Page (RP) with a powerfull features.

Five functions can make your rolling page wonderfull just as you expected to be.

function rolling_page(){	// Some glances about RP structure.
	winHeight();
	applyScrollEvent();
	winResizing();
	events();
}
						

Packaging and installation

RP needs JQuery library to work, so first of all you need to attach JQuery library inside your html code, then attach the plugin after JQuery. Also dont forget rp.css style sheet.

For an example to impliment RP plugin see the below html code

<div class="rolling_container">
		<div class="items">
			<div class="item">
				<div class="caption">
					// Any text or form you can do here ...
					// Any thing for description
				</div>
				<img src="img/rolling01.png" /> // you can put any picture and don't worry it will fit your screen...
			</div>
		</div>
	<ul class="indicators">
		<li class="active"><div class="pipetitle">What is Javascript</div></li>
	</ul>
</div>
						

And don't forget to start your engine ^_^

Start your RP plugin by adding the code below to handle every thing

$(document).ready(function(){
	var rp = new rolling_page();
})
						

Why RP.js

- If you are looking for some thing make your life easer then you are in the right place. RP.js has the powerfull function that make your design robust overriding all the bugs that can be faced in other plugns.

- We studied every bugs we have passed through and fixe them all. with us you will throw out your concentration on your layout leaving all the fears behind.

- Happy browsers family. RP plugin is compatibel with cross-browsers.

function applyScrollEvent(){	// Huge issue if you are not taking care about cross-browsers -_-
	$(document).on('mousewheel', scrollEvent );				// all other browsers opera, chrome, IE, Safari
	$(document).on('DOMMouseScroll', scrollEvent ); 		// any browser but FireFox
}
						

Thinking about developing RP code ?

You are free to use RP code in a way make you satisfy. but don't forget to feedback me if you are interesting... Enjoy

Thank you