This versatile 1kb horizontal accordion script can be used for menus, images, presentation content and more.

The script will automatically adjust to the number of elements in the accordion and the dimensions of the accordion.

The front-end markup for the script is a simple unordered list as in the example below…

<ul id="sm" class="sm">
<li><img src="images/1.gif" alt="" /></li>
<li><img src="images/2.gif" alt="" /></li>
<li><img src="images/3.gif" alt="" /></li>
<li><img src="images/4.gif" alt="" /></li>
</ul>

To build the accordion call the function below onload…

slideMenu.build('sm',200,10,10,1)

Click here to view the working sample.

jQuery.popeye is a plugin which transforms an unordered list of images into a simple image gallery which enlarges the image clicked in Lightbox style.

The images are displayed in a box with prev-next controls & an info about the images can be mentioned.

The compact box has fixed, automatically calculated dimensions. The width and height are calculated so that all thumbnail images are cropped to the smallest width and height in the set and centered resulting image area.

The plugin can be easily customized with a list of settings provided.

Click here for the demo.

Niceforms, a script to beautify web forms, was very popular for creating beautiful forms. And now the 2nd version is out.

Niceforms 2.0 is a totally re-written version which is very easy to apply, handles more elements & has more customization options.

How to use it?

The script simply replaces the most commonly used form elements with custom designed ones.

Inserting the niceforms.js & the CSS file is enough to use it.

Besides the default theme, new themes can be developed with CSS editing.

Niceforms works in all modern browsers except IE6 (it gracefully degrades).

Compatibility: Cross browser compatible except IE 6

This is an easy to implement multi-level drop-down menu.

It is lightweight (1.2kb) & supports multiple instances on one page.

Rather than complicated JavaScript backends, this script converts an unordered list into a menu.

Sub-menus are displayed with an easing animation & it supports all major browsers.

This is a really cool tutorial showing you how to create some smooth animated menus using the JQuery library.

View Demo

View Tutorial

In this collection, you’ll find 9 excellent websites and blogs that provide high-quality examples and tutorials on Ajax and Javascript .

1. Ajax Rain

AjaxRain has illustrated examples of some nifty web-fx that can be achieved with combinations of AJAX, CSS, DHTML or Javascript. Some of the demos are definitely worth a look, even if you aren’t a web designer/programmer.

Ajax/Javascript Examples

• - EXT JS Date Picker
• - jQuery Feed Menu
• - jGrowl
• - FastFind Menu – Jquery
• - Spiffy Accordion

2. Ajax Daddy

A large collection of nifty web 2.0 tools. One neat feature is that you can play with the demo online, before you decide to put the example on your own website.

Ajax/Javascript Examples

• - Flickr Like edit
• - MooTools Autocomplete
• - SlideShow Viewer
• - Prototype window
• - Shoutbox

Read the rest of this entry »

jQuery Corners is a jQuery plugin for creating nice-looking, anti-aliased rounded corners without using any images.

The plugin is unobtrusive & works well with all major browsers including iPhone.

The corners to be rounded & the radius of the corners can be easily set.

And, a great feature is the ability to round form buttons.

prettyGallery is a jQuery plugin for creating sliding image galleries on the fly.

Besides images, any content can be presented within the slider.

Images in the gallery are defined in an ordered list. Items per page, speed of the navigation & labels used can be configured.

The gallery uses prettyPhoto, a jQuery Lightbox clone,  for displaying the images in large-size.

This lightbox clone is very good-looking & can display:

• images
• present the images as an image gallery
• Flash

It works in all major browsers & animation speed, opacity and more settings can be updated.