Plugins

Facebook Twitter

jVectorMap. Circular Discography Template with jQuery. Restaurant Website and Gallery Template with jQuery and Google Maps. Moving Boxes Menu with jQuery. She packed her seven versalia, put her initial into the belt and made herself on the way.

Moving Boxes Menu with jQuery

When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then she continued her way. On her way she met a copy. The copy warned the Little Blind Text, that where it came from it would have been rewritten a thousand times and everything that was left from its origin would be the word "and" and the Little Blind Text should turn around and return to its own, safe country. But nothing the copy said could convince her and so it didn’t take long until a few insidious Copy Writers ambushed her, made her drunk with Longe and Parole and dragged her into their agency, where they abused her for their projects again and again. Expanding Image Menu with jQuery. Animated Text and Icon Menu with jQuery.

Sliding Background Image Menu with jQuery. jQuery Pagination - jPaginate. Hover over the arrows to make the pages move or keep the mouse button down in order to move a whole set.

jQuery Pagination - jPaginate

Clicking a page number will make it move to the center Demo 2 shows how the plugin can be used with arrow images. This is an example without any arrows. Fixed Fade Out Menu: A CSS and jQuery Tutorial. Inspired by David Walsh’s top navigation bar that gets semi-transparent when you scroll down the page, I decided to create a tutorial out of that idea.

Fixed Fade Out Menu: A CSS and jQuery Tutorial

The aim is to have a fixed navigation that follows the user when he scrolls, and only subtly showing itself by fading out and becoming almost […] View demoDownload source Inspired by David Walsh’s top navigation bar that gets semi-transparent when you scroll down the page, I decided to create a tutorial out of that idea. The aim is to have a fixed navigation that follows the user when he scrolls, and only subtly showing itself by fading out and becoming almost transparent.

Thumbnails Preview Slider with jQuery. Circular Content Carousel with jQuery. I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents.

Circular Content Carousel with jQuery

I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now. When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the trickling stream; She packed her seven versalia, put her initial into the belt and made herself on the way. Image Wall with jQuery. Today we want to show you how to create a neat image wall with jQuery.

Image Wall with jQuery

The idea is to scatter some thumbnails with different sizes on the page and make a ribbon slide in when we click on the picture. The ribbon will show some description next to the picture and […] Elastislide - A Responsive jQuery Carousel Plugin. Elastislide is a responsive image carousel that will adapt fluidly in a layout.

Elastislide - A Responsive jQuery Carousel Plugin

It is a jQuery plugin that can be laid out horizontally or vertically with a pre-defined minimum number of shown images. View demo Download source With the responsive awakening in web design it becomes important to not only take care of the visual part of a website but also of the functionality. Elastislide is a responsive jQuery image carousel that will adapt its size and its behavior in order to work on any screen size. Inserting the carousel’s structure into a container with a fluid width will also make the carousel fluid. Code-prettify - syntax highlighting of code snippets in a web page. A Javascript module and CSS file that allows syntax highlighting of source code snippets in an html page.

code-prettify - syntax highlighting of code snippets in a web page

For an example, see the README Download Change Log. Sizzle JavaScript Selector Library. Www.appelsiini.net/projects. jEditUndo. This library builds upon jQuery, facilitating the use of jeditable and jsUndoable together.

jEditUndo

It allows elements marked as editable-in-place to be tracked by the undo manager. To use this plugin, simply include the script on your page following the three plugins it augments: Jeditable - Edit In Place Plugin For jQuery - Hi!

Jeditable - Edit In Place Plugin For jQuery -

My name is Jeditable and I am inplace editor plugin for jQuery. With few lines of JavaScript code I allow you to click and edit the content of different html elements. jQuery : Edit in place plugin. Expanding Fullscreen Grid Portfolio. Today we want to share a neat experimental portfolio template with you.

Expanding Fullscreen Grid Portfolio

The main idea is to have a grid layout that we create with jQuery Masonry. Clicking to view more, we expand the according item to fullscreen in order to show a longer description of the item and a representative fullscreen background image. View demo Download source Each item has a little slideshow of thumbs which will be animated to the right position once the portfolio item gets “expanded”. Parallax Slider with jQuery. (function($) { $.fn.parallaxSlider = function(options) { var opts = $.extend({}, $.fn.parallaxSlider.defaults, options); return this.each(function() { var $pxs_container = $(this), Animated Skills Diagram with Raphaël. Var o = { init: function(){ this.diagram(); Better Check Boxes with jQuery and CSS.

Martin Angelov In this short tutorial, we will be creating a replacement for the default browser checkboxes in the form of a simple jQuery plugin. It will progressively enhance your forms but at the same time fall back to the default controls if JavaScript is unavailable. The first step is to lay down the structure of the underlying HTML document. We will need a form with checkboxes which we will later be replacing with their enhanced jQuery versions. index.html.

Rocking and Rolling Rounded Menu with jQuery. In this tutorial we are going to make use of the incredibly awesome rotating and scaling jQuery patch from Zachary Johnson that can be found here. We will create a menu with little icons that will rotate when hovering. Also, we will make the menu item expand and reveal some menu content, […] View demoDownload source In this tutorial we are going to make use of the incredibly awesome rotating and scaling jQuery patch from Zachary Johnson that can be found here. jQuery Easing Plugin. Description A jQuery plugin from GSGD to give advanced easing options. Please note, the easing function names changed in version 1.2. Please also note, you shouldn't really be hotlinking the script from this site, if you're after a CDN version you could do worse than try cdnjs.com.