SimpleAscensor
Just a simple jQuery elevator system
How to
- Initialize
<script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/script.js" type="text/javascript"></script> <script> // Nav links selection $('nav a').simpleAscensor(); </script>
- Your links href has to be your links-target-slide ID
<nav> <a href="#slide1">Some link text 1</a> ... </nav> <div id="slide1" ...></div>
- To choose your slide position : add two attributes to your div / article / section slide element
-
data-x="?" → for x-axis position
-
data-y="?" → for y-axis position
Where ? has to be a number. If ? = 1, the position is 100%, ? = 2, the position is 200%, ...
-
<div id="slide1" data-x="1" data-y="3"></div>
- You can choose the speed of the animation
<script> $('nav a').simpleAscensor(750); </script>
Where the number is the speed in ms.