Advertise here

jQuery Plugins Tagged ‘navigation’

Navgoco – jQuery Multilevel Slide Menu

July 05, 2013     26874     Slider Menu
Navgoco – jQuery Multilevel Slide Menu

Navgoco is a simple jQuery plugin which turns a nested unordered list of links into a beautiful vertical multi-level sliding navigation with options to remember sub-menus visible state between sessions and act as an accordion.

Read More »

Smint – jQuery Sticky Menu with Smooth Navigation

June 06, 2013     17866     Menu Scroll
Smint – jQuery Sticky Menu with Smooth Navigation

Smint is a simple jQuery plugin that helps with the navigation on one page style websites.

It has 2 main elements, a sticky navigation bar that stays at the top of the page while you scroll down and menu buttons that automatically scroll the page to the section you clicked on.

Read More »

Fullscreen Background Slideshow with Autoplay

April 18, 2013     13020     Slider
Fullscreen Background Slideshow with Autoplay

A simple fullscreen background slideshow with auto-play and controls to navigate and pause.

Read More »

Flaunt.js – Stylish Responsive Navigations with Nested Click-to-Reveal

April 17, 2013     6043     Menu Responsive
Flaunt.js – Stylish Responsive Navigations with Nested Click-to-Reveal

Flaunt.js is a jQuery script that allows you to create a responsivenested navigation out the box.

Flaunt was built to overcome responsive design challenges which faced a huge percentage of websites. This challenge was to show nested navigation items on click-demand, without the event taking you through to the page you've pressed.

Read More »

doubleTapToGo – Responsive and Touch-Friendly DropDown Navigation

April 15, 2013     47416     Menu Mobile Responsive
doubleTapToGo – Responsive and Touch-Friendly DropDown Navigation

doubleTapToGo is responsive and touch-friendly dropdown navigation.

The technique consists of three main parts:

  1. Simple drop-down navigation based on HTML and CSS;
  2. Responsiveness implementation using media queries;
  3. Adoption for touch screen devices with the help of a super tiny jQuery plugin.

Read More »

Navobile – Mobile Navigation jQuery Plugin

April 10, 2013     12466     Menu Mobile
Navobile – Mobile Navigation jQuery Plugin

jQuery Navobile is a jQuery plugin that makes mobile navigation easy. Navobile uses CSS to apply CSS3 translations, Mobile device detection and fixing the position of nav.

Read More »

Single.JS – jQuery Plugin to Create Single Page Websites

March 28, 2013     14862     Scroll Animation
Single.JS – jQuery Plugin to Create Single Page Websites

Single.JS is a jQuery plugin that make it easy to create single-page websites to portfolios, presentations and more.

Single.JS offers beautiful animations to transition sections and resizes automatically the images.

Read More »

Fathom.js – jQuery Plugin to Create Presentation Slides

February 14, 2013     1513     Slider
Fathom.js – jQuery Plugin to Create Presentation Slides

Fathom.js is a jQuery-powered JavaScript library that allow you to create presentation slides.

Write your slideshow in HTML, style it with CSS and control it with some jQuery-powered JavaScript. When you're done, Fathom.js even lets you sync the video of your presentation quickly and easily.

Fathom.js comes with mouse, keyboard and scroll bar navigation built in and provides a simple API for creating your own custom interfaces.

Read More »

scrollNav – jQuery Plugin for Building a Scrolling Side Nav

January 24, 2013     11262     Scroll
scrollNav – jQuery Plugin for Building a Scrolling Side Nav

scrollNav is a light jQuery plugin that grabs your page's existing content, divides it up into logical sections and builds a customizable scrolling sidebar navigation.

Read More »

Fullscreen Pageflip Layout Using BookBlock Plugin

December 11, 2012     10905     Effects Animation Grid & Layout
Fullscreen Pageflip Layout Using BookBlock Plugin

A tutorial on how to create a fullscreen pageflip layout using BookBlock. The idea is to flip the content like book pages and access the pages via a sidebar menu that will slide out from the left.

Read More »

Windy – jQuery Plugin for Swift Content Navigation

October 09, 2012     13883     Slider CSS3 & CSS Effects
Windy – jQuery Plugin for Swift Content Navigation

Windy is a jQuery plugin that allows a rapid navigation through a pile of items using some CSS 3D transforms and transitions. The effect of a continuous navigation flow reminds of a deck of cards or sheets flying away, hence the name.

Read More »

Vertical Showcase Slider with jQuery and CSS Transitions

October 04, 2012     13855     Slider CSS3 & CSS Responsive
Vertical Showcase Slider with jQuery and CSS Transitions
Here you ll create a very simplistic and responsive product slider for an online store or a portfolio. The idea is to have different sections in a fullscreen view: the image or preview, a navigation and the description. When navigating through the items, we will slide the preview section and the section with the description in opposite directions.

Read More »

Hero Carousel – jQuery Carousel Plugin with 100% Width

September 01, 2012     13321     Slider Carousel
Hero Carousel – jQuery Carousel Plugin with 100% Width

Hero Carousel is a jQuery carousel plugin with 100% width and previews of next/previous slide. Also it has auto slide functionality.

Read More »

Slide Down Box Menu with jQuery and CSS3

June 13, 2012     11428     CSS3 & CSS Menu Effects
Slide Down Box Menu with jQuery and CSS3

Here you will create sliding box navigation. The idea is to make a box with the menu item slide out, while a thumbnail pops up. We will also include a submenu box with further links for some of the menu items. The submenu will slide to the left or to the right depending on which menu item we are hovering.

Read More »

Fullscreen Slit Slider with jQuery and CSS3

June 05, 2012     10954     Slider CSS3 & CSS Animation
Fullscreen Slit Slider with jQuery and CSS3

A tutorial on how to create a fullscreen slideshow with a twist: the idea is to slice open the current slide when navigating to the next or previous one. Using jQuery and CSS animations we can create unique slide transitions.

Read More »