jQuery Tutorials & Plugins

This script have very simple usage;
Usage
Script:
$(document).ready(function(){
$(’img.captioned’).each(
function() {
var caption = $(this).attr(’title’);
$(this)
.wrap(’<div class="imgcontainer"></div>’)
.after(’<div class="caption">’+caption+’</div>’);
}
);
});
CSS:
.imgcontainer {
position:relative;
float:left;
}
.caption {
position:absolute;
bottom:0;
left:0;
text-align:center;
background:#fff;
width:100%;
opacity:.75;
filter:alpha(opacity=85);
color:#000;
}
.imgcontainer img {display:block;}
HTML:
<img src="images/news1.jpg" class="captioned" alt="" title="jQuery blog News#1" />
<img src="images/news2.jpg" class="captioned" alt="" title="jQuery blog News#2" />
Demo

I’d like to present another jQuery plugin, this time it’s autocomplete with some handy features.
Description

The major benefit offered by this plugin is its high performance. As all request results are cached, the cache might be used next time, which leaves the server alone.
Besides, AutoComplete has some unique features, such as text separators, searching by [...]

slideViewerPro is a fully customizable jQuery image gallery engine which allows to create outstanding sliding image galleries for your projects and/or interactive galleries within blog posts. Each gallery generates a user-defined number of thumbnails which can slide automatically.
Setup
slideViewerPro requires jquery-1.3 or greater and its CSS file.
To create your gallery just copy-and-paste the above markup. Each gallery [...]

The s3Slider jQuery plugin is made by example of jd`s smooth slide show script.
Usage:
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/s3Slider.js" type="text/javascript"></script>
HTML:
<div id="s3slider">
<ul id="s3sliderContent">
<li class="s3sliderImage">
<img src="#" />
<span>Your text comes here</span>
[...]

Quick and dirty nested drop-down menu in the jQuery styleee. I needed a nav like this for a recent project and a quick Googling turned up nothing that really suited, so droppy was born. It hasn’t been designed with flexibility in mind – if you like what you see, great, integration should be a breeze [...]

Earlier this week, I posted a MooTools script that faded links to and from a color during the mouseover and mouseout events. My thought was ?why do a harsh a:hover color change when you can fade to that color?? Here is how to implement link color fading using jQuery.
Usage
/* plugin */
jQuery.fn.dwFadingLinks = function(settings) {
settings = [...]

Create fading transitions on hover in jQuery using this wonderful jQuery Tutorial.

Web Site - Demo