Last week I released a snippet of code for MooTools that allowed you to fade in and out a “to the top” link on any page. Here’s how to implement that functionality using jQuery.

A while back I debuted a tasteful mouseover/mouseout technique called link nudging. It started with a MooTools version and shortly thereafter a jQuery version. Just recently Drew Douglass premiered a jQuery plugin that aimed at producing the same type of effect. I’ve taken some time to put together my own version of the jQuery nudging plugin.

jQuery newWin Plugin

$.newWin() takes a set of links (usually the entire document's worth) and if they are external it sets them to open in a new window. This way you can avoid having to use the target="_blank" attribute if you want your XHTML to be valid. Links in the same domain are left alone, as well as non-HTTP links.

Example to filter all links in the document:

Example just for links inside a certain element:

Companion Wordpress plugin is attached under the 1.0.1 release. Thank you to http://www.theflow.cc/.

jQuery urlInternal allows you to easily test internal-, external-, or fragment-ness for any relative or absolute URL. Includes element filtering methods and pseudo-selectors.

LeaveNotice is a plug in to easily notify your users that they are leaving your website. This was developed with “official” type websites in mind (Government, money-processing, etc). Because of the nature of the information those sites house, it can be important to make sure users know that they are being linked to a site not under “official” jurisdiction.

DynamicLinks is a jQuery plugin that lets you add dynamic links to any container. Can be used for SEO, local cloak or more advanced features.

Links which use the pound(#) symbol to anchor to another area of the page are generally used for navigating large blocks of text. This plugin creates a simple animation for anchor links by quickly scrolling the page to the area where the anchor is at rather than just jumping right to the anchor like normal.

http://www.ooeygui.net/

linkNotify 2.0 is a lightweight jQuery plugin that provides better user feedback on clicked links than the browser by displaying a color-changeable progress bar behind the link.

linkNotify examples:

Plugin allows you to make links and forms within a remotely loaded content change only the container they have been loaded in (a tab, dialog or any other kind of widget) in an easy way.

This allows you to easily introduce submitting and validating forms in a dialog, page through search results in a tab etc.

This tiny (1 KB minified) plugin is a great addition and has been tested with jQuery UI widgets and jqModal plugin - several examples are given in the demonstration. The only requirements are jQuery 1.3 and jQuery Form plugin (only if you are using form hijacking).

Based on the original Nice Titles script by Stuart Landridge ported to jQuery. Simply, it replaces the default browser tooltip on elements with a title attr with a css-styled div that appears on hover.

The default css, added by the script dynamically and optionally turned off, styles the tooltip to look like Safari 4's tooltip when a link is dragged.

Source

You can browse the code or check it out and get involved in the project at Github.

Usage

You can pass and jQuery object to the function and it will add the tooltips to any element in the collection with a title attribute.
$('a').niceTitles();
$('*[title]').niceTitles();

The function accepts four options: