JavaScript Code, Tutorials, Examples, Reference






Make link open in new tab/window Use this simple JavaScript to make all links on your web pages open in new tab/window. Script is easy to setup, you should save them into a file to for using on many pages.


Category: Link

Image and Description tooltip for links Move your mouse over a JavaScript link to see the image of your choice plus corresponding description on the pop up, by using this image HTML tooltip script. Each tooltip can have a different background color, just for aesthetics or in case the pictures are transparent GIFs.

This code detects for window edges and keeps the tooltip description position inside. The tooltip moving with the mousemove is an option that can be turned off by setting the tipFollowMouse to false.


Category: Link, Tooltip

GLT - Good-Looking Tooltips This small JavaScript library will spice up the look of your tooltips in your Web page. It replaces the title attribute with a tooltip designed to match your Web site. You can use it in almost an HTML element too. Easy to implement!


Category: Link, Tooltip

Textual tooltip II Welcome to version two of the original textual tooltip script, which fades into view descriptive text when the mouse moves over their corresponding links. Effect visible in NS4+ (including NS 6) and IE 4+.


Category: Link, Tooltip

Link Enhancer Using this script, outbound links will open in a new window automatically. No need to add anything to the link. The script will also apply a different style to the outbound link to make visitors aware it is an outbound link. You don't have to worry anymore about targets and the appearance, especially if your customers have their own CMS.


Category: Link

Textlink-Shaker onMouseOver Just move your cursor over any textlink and the textlink starts shaking. Great, if you want to add a special effect that certainly draws more attention than simple style CSS-rollovers.


Category: Link

Contractible Headers Script A script that makes selected headers in a page contractible. Contents such as text, graphics, tables etc can be hidden inside the header that will be revealed only when the header is clicked on. All other browsers, including NS 4.x, will simply see the headers uncontracted (degrades well).


Category: Link

Rainbow link on mouseOver Implement this JavaScript into your web pages to make all links change color by themself on mouse over event. Colors defined by an array with hexadecimal value, clrArray, you can change and add colors easily. All you need to do is cope all JavaScript code and paste into your web pages, you should save them into a file for using this effect on many pages.


Category: Link, Rainbow

Content Display Display a block of text, a graphic, or combination of both, by clicking on a JavaScript link or a graphic. This JavaScript can be used in different circumstances, such as for informational purposes, or displaying pictures with captions. Very easy to use.


Category: Link, Tooltip

Dropdown Description Toggle This code uses both CSS to design description content and JavaScript to perform the toggle effect for the links, users click the link to drop it down, click again to close. Excellent when you want to present information and not have to worry about popup blockers.


Category: Link, Tooltip

JavaScript by day


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web
Have a break, have a manatee