sausage.js Sausage is a jQuery UI widget for contextual pagination. It complements long or infinite-scrolling pages by keeping the user informed of her location within the document. The best way to understand how Sausage works is to view some examples. A complete test & benchmark suite is included coming soon. GitHub - VPenkov/okayNav: The world's okayest responsive navigation Slyder demo, by crewstyle Getting started <ul class="slyder-nav"><li class="s-item"><h3><a href="#" class="s-link">Question 1 ›</a></h3><ul class="s-hidden"><li class="s-back"><a href="#" class="s-link">‹ Question 1</a></li><li class="s-item"><h3><a href="#" class="s-link">Question 1.1 ›</a></h3><div class="s-hidden"><p class="s-back"><a href="#" class="s-link">‹ Question 1.1</a></p><div class="s-content"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu pulvinar magna. Sed efficitur neque et orci aliquam efficitur quis sed urna. Nam et malesuada risus. Pellentesque placerat feugiat odio, nec ullamcorper augue pulvinar et. (function ($){ $('.slyder-nav').slyder();})(jQuery); Options
jQuery Drilldown by Cinamonas A simple jQuery plugin for creating animated drilldown menus. Since v1.0.0, project follows Semantic Versioning. Features UMD (AMD, Node/CommonJS) supportMultiple menus on a single pagePretty flexible, doesn't enforce specific tagsLightweight: 2 KB when minified (even less after gzip) Demo View it here. Usage var options = {}; $('.drilldown').drilldown(options); Options Shown with their default values: * Note: selector and event will be used for binding drilldown-initiating action in this manner: $('.drilldown').on(event, selector, function () { /* ... */ }); $('.drilldown').drilldown('reset') resets drilldown to its initial state$('.drilldown').drilldown('destroy') destroys plugin instance <div class="drilldown"><! License
How to build animated fixed menu with css3 & jquery | wdrfree post Friday 04th, Dec, 2015 | #CSS2 / CSS3 #HTML 5 #Menus Demo Fixed menus are a definitive a great ux resource for our website. They look good, and they are also super useful for visitors. Today, I’m showing you how you can create a very simple fixed menu with CSS3 transitions and some jquery code. Copy and Paste this code just after the opening body tag of your html document, or into you header file template. <div id="menufix"><ul class="menu" style="float:left; width:200px;"><li style="text-align:left"><a href="#" class="back">< Back to Article</a></li></ul><ul class="menu"><li><a href="#">Home</a></li><li><a href="#">Service</a></li><li><a href="#">Porfolio</a></li><li><a href="#">Top</a></li></ul></div> css code Jquery code Paste this code before the tag
Vertical Layout with Navigation - Ettrics The Structure The navigation is housed within the <nav> element. We have the classic hamburger icon created with pseudo elements, followed by a <ul> for the list of links to each section. Each section follows this structure: <section class="panel"><article class="panel__wrapper"><div class="panel__content"> // content here </div></article></section> Styling jQuery For the navigation we are simply toggling classes when the hamburger is clicked.
ahmedrad/sliiide Responsive Menu Mussum ipsum cacilds, vidis litro abertis. Consetis adipiscings elitis. Pra lá , depois divoltis porris, paradis. Paisis, filhis, espiritis santis. Mé faiz elementum girarzis, nisi eros vermeio, in elementis mé pra quem é amistosis quis leo. Suco de cevadiss, é um leite divinis, qui tem lupuliz, matis, aguis e fermentis. Casamentiss faiz malandris se pirulitá, Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Cevadis im ampola pa arma uma pindureta. Forevis aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vitis e adipiscing enim.