AnchorPage is a light multi-objective jquery plugin for developing navigation menus with anchor links to sections of your page, as rapid as possible. It’s software friendly by supporting all kinds of monitors and media gadgets. Has a superior light-coded interface which provides a super performance to your page. It also supports the 3rd celebration jquery easing plugin, so you can use different effects to your web page’s transitions. It has some callback functions besides so you can higher control it. Every Other great features are the hash deep linking and the roll undercover agent.
Available Choices:
- Offset
- Scrolling speed
- RollSpy
- Hash navigation
- Easing effects
- Callbacks
- beforeAnchorLoad
- afterAnchorLoad
External Script(non-compulsory):
jquery.easing.1.3.jsPut Into Effect:
To get started you need to duplicate the mandatory resource information for your assets folder and include them in your pages. you'll use the next instance, you want to insert these lines in the part of your website online.
<script kind="text/javascript" src="jquery-1.11.1.min.js"></script> <script type="text/javascript" src="jquery.anchorpage.js"></script> <!--OPTIONAL--> <script kind="textual content/javascript" src="jquery.easing.1.3.js"></script>A example of the navigation menu you'll use with the AnchorPage plugin.
<ul class="nav navbar-nav"> <li elegance="lively"><a href="house" information-anchor="home">House</a></li> <li><a href="approximately" data-anchor="approximately">Approximately</a></li> <li><a href="services and products" information-anchor="products and services">Products And Services</a></li> <li><a href="contact" information-anchor="touch">Contact</a></li> </ul>Now activate the transition through calling the plugin on your navigation menu’s container.
<script> jQuery(serve as($) $(".navbar-nav").anchorpage(); ); </script>Update:
Model 1.0.1- Set different animations for every part.
FULL DOWNLOAD
No comments:
Post a Comment