Jquery | Ajaxmint - Endless Ajax samples on jQuery, MooTools, ExtJS, Dojo, Prototype and PHP

Posts Tagged ‘jquery’

Beautiful Slide Out Navigation | jquery plugin

October 17th, 2011 No Comments

After I got a lot of feedback for the Beautiful Slide Out Navigation, I had some new ideas for a similar horizontal navigation. Thanks a lot to everyone!

Like Stefan Mateipointed out, it might be quite cute but we don’t want the user to hover over all options first, in order to see what menu items exit. So, I thought about labeling the menu items and making them stick out, so the user can always “see” what the navigation entails. Being in a horizontal position makes everything readable and when the user hovers over the label, the rest of the item with the icon will slide out.

Beautiful Slide Out Navigation

Download Demo Tutorial

Posted in ajax | Tags: beautiful jquery, beautiful navigation, jquery, navigation, slide-out

Bubble Up Button | jQuery plugin

May 3rd, 2011 No Comments

There are many posts available detailing how to write your own jQuery plugin. It won’t take long before you realize that building in jQuery is very simple. Continuing in our jQuery Learning Series, here we’re going to build your first jQuery plugin. It’ll generate a bubble effect for your menu list and we’re going to call it BubbleUP.

Download Demo Tutorial

Posted in ajax | Tags: bubble button, bubble-up, button, jquery, jquery plugin, learning jquery

Interactive Map | jQuery

April 9th, 2011 No Comments

To make the map as engaging as possible, there needed to be smooth animations and crisp graphics. Traditionally such a project would require the use of Flash. We try to avoid Flash whenever possible, so I began to consider how the project could be accomplished in jQuery.

interactive map

Demo Tutorial

Posted in ajax | Tags: animation, flash map, interactive, interactive map, jquery

Easy Gallery for jQuery

August 18th, 2010 No Comments

An easy jquery image gallery slider. Simple code and simple HTML code.
Simple as:

including the script to your web page.
add this code: << $(“#galleryID”).egallery(); >>

Download Demo Tutorial

Posted in ajax | Tags: gallery, jquery, jquery code, js code, slider html code

jQuery Plugin: Give Your Characters a NobleCount

March 23rd, 2010 No Comments

In my quest I have been on the lookout for a jQuery plugin that would provide the ability to: (1) provide real-time character counts, (2) enable easy to customize visual behaviors, and … While there are other similar tools out there, none adequately met these goals. Therefore, I created the jQuery NobleCount plugin.

Download Demo Tutorial

Posted in ajax | Tags: character count, jquery, noblecount

ajaxContactForm – Simple way to send inquiryform

March 18th, 2010 No Comments

jquery.ajaxContactForm is a plugin made to simplify te sending of a inquiryform. The plugin gathers all the filled out data, after testing it on: required values, required numberical values and/or required e-mail structure. After that it sends the form via AJAX (JavaScript).

Demo Tutorial

Posted in ajax | Tags: ajax contact, ajaxcontactform, contact form, jquery

Variable grid layout-vgrid | jQuery Grid

March 10th, 2010 No Comments

Variable grid layout using jQuery library
Options : Any Height Grid ,FadeIn Option , Sort , Dynamic Grid, Start/Finish Event

Download Demo Tutorial

Posted in ajax | Tags: dynamic grid, fadein, grid, height grid, jquery, variable grid

JQuery Curvy Corners

February 26th, 2010 No Comments

A free JavaScript for creating gorgeous curvy rounded corners for HTML block elements i.e. DIVs. Supports anti-aliasing, borders and background images.