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. Best jQuery plugins for awesome parallax scrolling and custom scrollbars scroll-up-bar The scroll up bar is a jQuery plugin that hides the top bar when scrolling down, and show it when scrolling up. It’s specially useful on mobile interfaces to save some precious space. Created by Eduardo DownloadHomeExample View more →
GitHub - VPenkov/okayNav: The world's okayest responsive navigation RAY - App Landing Page So, what is the secret of successful template design? First of all, it is its friendliness – both for the template’s owner and for his or her future targeted audience. UX and UI are not just empty phrases for us. It is very important for us that the user could understand correctly the message your project’s trying to say to him or her. Emotions that causes your project in visitor are no less important ticket to success. 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
DateTimePicker - XDSoft plugins, scripts, program, parsers Use this plugin to unobtrusively add a datetimepicker, datepicker or timepicker dropdown to your forms. It's easy to customize options. Source code on GitHub or download (zip). DateTimepicker Use mask DateTimepicker TimePicker DatePicker Inline DateTimePicker Dark theme How do I use it? First include to page css and js files Examples Simple init DateTimePicker Example # javaScript jQuery('#datetimepicker').datetimepicker(); Result i18n DatePicker Example # All supported languages here Only TimePicker Example # Date Time Picker start date # Date Time Picker from unixtime # Inline DateTimePicker Example # Icon trigger # Click the icon next to the input field to show the datetimepicker and handler onclick event jQuery('#image_button').click(function(){ jQuery('#datetimepicker4').datetimepicker('show'); //support hide,show and destroy command }); allowTimes options TimePicker Example # handler onChangeDateTime Example # minDate and maxDate Example # Use mask input Example # Set options runtime DateTimePicker #
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.