New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact
Categories
Partners
Sweet Ads

Links and Buttons

Sticky Tooltip Script FF1+ IE6+ Opr9+
This script adds a rich HTML tooltip to elements that's revealed when the mouse rolls over them, in which the tooltip follows the cursor around as it moves about within the element. The tooltip can be "stickied", or kept visible on the screen by right clicking on pressing "s" should the user wish to interact with some content within the tooltip, such as click a link inside it. The contents for each tooltip are simply defined as regular HTML on the page, making them very easy to define and customize.

Cool DHTML Tooltip FF1+ IE5+ Opr7+
This is a practical, elegant DHTML tooltip script. Use it to display additional information about a link or any other element (ie: table) when the mouse moves over it. A customizable tooltip pops up, which works in all modern DHTML browsers- IE4+, NS6+, and Opera 7+.

Cool DHTML Tooltip II FF1+ IE5+ Opr7+
Fancy looking tooltips with an "arrow" pointer are commonly found in desktop applications. Well, now you can add a similarly looking tooltip to your webpage! Similar in function to Cool DHTML Tooltip above.

Rich HTML Balloon Tooltip FF1+ IE5+ Opr7+
This is a balloon style tooltip (tooltip with an arrow image) that can be applied to any link(s) on the page. The tooltips themselves are merely hidden DIVs on the page, making it very easy to add arbitrary/ rich HTML inside of them.

Speech Bubbles tooltip FF1+ IE7+ Opr9+
Speech Bubbles Tooltip lets you add tooltips to links using either the value of the link's title attribute, or rich HTML defined all inside a single HTML file and fetched using Ajax instead. The style of the tooltip is modelled after the iconic speech bubble and uses NO images.

Fixed Tooltip script FF1+ IE5+ Opr7+
Looking for a tooltip script where the tooltip is anchored to the link's position rather than following the mouse around? Fixed Tooltip script behaves in just this manner.

Image w/ description tooltip FF1+ IE6+ Opr8+
Move the mouse over a link and have the image of your choice plus corresponding description pop up, by using this tooltip script. Great for viewing images on demand.

Scrolling tooltip IE5+ Opr7+
An alternate version of the above tooltip script that creates a "scrolling" tooltip. Definitely more eye catching, if nothing else.

Bottom slide tooltip FF1+ IE5+ Opr7+
-
User Submitted
This bottom slide-in box can be used as an "aid" or "tooltip" for your page elements. Move your mouse over the element in question, and a description will slide in from the bottom of the browser. 

Textual tooltip FF1+ IE5+ Opr7+
Use this script to provide textual information about a link(s)! Move the mouse over certain links, and accompanying text appears on the page describing the link. The text can be HTML based (bold, italic etc).

Textual tooltip II (fade into view) FF1+ IE5+ Opr7+
This is version two of the above script, which fades into view a text description of each link as the mouse moves over them.

Open offsite links in new window FF1+ IE5+ Opr7+
Concerned about people leaving your site when navigating to offsite links? This script lets you either automatically have all offsite links open in a new window, or let the user decide, via a checkbox. Links that belong to your own domain(s)- as specified by you inside the script- are not affected either way.
Also Listed in Windows and frames

Drop Down/ Overlapping Content FF1+ IE5+ Opr7+
This script lets you display content in tight areas on your page, by dropping it down into view when the mouse rolls over the anchor element. The content temporarily overlaps anything beneath it. It's extremely handy for displaying search boxes, additional links etc in a tight area, such as the sidebar column of a page.

Link Floatie script FF1+ IE5+ Opr7+
Link Floatie script lets you display a description of a link or additional content onMouseover. The floatie gradually fades into view in the lower right corner of the browser.

Link Description script FF1+ IE5+ Opr7+
Bestow meaning to your text links with this script. As the mouse hovers over a link, a corresponding text description appears beneath it.

Bullet Image Link script FF1+ IE5+ Opr7+
This unique script dynamically positions a "bullet" image of your choice alongside arbitrary links when the mouse moves over them, "highlighting" them. Simply give the links in question a CSS class name of "ddbullet", and the script handles the rest. Great way to draw attention to specific links on your page.

DHTML Tip Message (aka Popup Information box) FF1+ IE5+ Opr7+
-User Submitted
This script creates a comprehensive DHTML tip message to help describe important links on your webpage. It is extremely versatile in its placement and special effects to render as the tooltip is being displayed.

Popup information box II FF1+ IE5+ Opr7+
Similar in function to the above, use these colorful popups to provide additional information about any link, inline and non intrusively as the mouse moves over the link. Cool, we say!

Popup information box III FF1+ IE5+ Opr7+
-User Submitted
This great popup info box gradually fades into view (in IE4+ and NS6). As with the other two scripts above, use it to provide textual information regarding link(s).

Show Hint script FF1+ IE5+ Opr7+
"Show Hint" script displays an attractive hint box containing additional explanation on any item on your page. A hint box pops up next to the item when the mouse moves over it with relevant hints or useful information, such as alongside certain form fields instructing the user how to fill each one out.
Also Listed in Form Category.

Home Hot Key IE5+ Opr7+ wizard.gif (1201 bytes)
A script that jumps back "home" when a key is pressed. In other words, a script that allows you to specify a target url to go to when a key from the keyboard is pressed.

Scrolling HTML Bookmarks FF1+ IE5+ Opr7+
This script brings smoothness to the behaviour of same page HTML bookmarks on the page, so clicking on them gently scrolls the user to the designated HTML anchor, instead of abruptly. Furthermore, you can use this script to scroll to any element on the page with a unique ID attribute defined.

Scroll to Top link FF1+ IE7+ Opr9+
This is a no fuss script for automatically scrolling the page back to the very top when invoked. For long pages, having a scroll to top link makes good usability sense, and with this script, it's dead simple to add one to your pages. The standonly script doesn't rely on any JS script library (such as jQuery).

Jump to top Link FF1+ IE5+ Opr7+
For pages that are several folds long, providing a quick way to get to the top may be appreciated by your visitors. Use this script to do just that, via a hovering lower right link.

Flashing links FF1+ IE6+ Opr7+
Use this script to make certain links on your page flash. Easy to install and highly versatile, it'll make visitors look at the links on your page in a completely different light!

Rainbow links FF1+ IE5+ Opr7+
-User Submitted
A unique script that applies the colors of the rainbow to a link when the mouse hovers over it.

Spider web links IE5+
-User Submitted
Creativity and ingenuity come together here to form one of the most unique onMouseover effects for your links. With the help of VML, a "spider web" follows the mouse, and expands when moved over designated links. 

onMouseover Link Effects IE wizard.gif (1201 bytes)
A CSS script that changes the appearance of  links in a document upon mouse over. A common example are the links on the frontpage of Microsoft's Homepage. Moving the mouse over the links causes them to change color.

Text Link Underline Remover FF1+ IE5+ Opr7+
A CSS code that removes the underline beneath all text links in a document.

Back-Home button IE5+
This script creates a button that takes the user back to the browser's default homepage when clicked on. Not exactly practical, but definitely fun to have on your webpage!

Depressible DHTML buttons IE5+
-User Submitted
Use this visual DHTML script to transform regular text/ image into depressible buttons! The result is a 3D button that pops up when the mouse hovers over it, depressed when the mouse is down, and back to normal when out. Easy to install and degrades well with all other browsers.

Rollover background-image button FF1+ IE5+ Opr7+
A script that applies a (different) background image to any form button as the mouse moves over it.

Rollover background-color button FF1+ IE5+ Opr7+
A script that makes any form button change background color as the mouse moves over it.

Link Extractor FF1+ IE5+ Opr7+
A Perl-like tool that extracts out all of the links in a document, and writes it neatly to a new window.