CSSTitle Demo

CSSTitle is a JavaScript library that replaces the browser's default title tooltip with a popup that can be styled in CSS.

Move your cursor over any of the links on this page to see a demonstration.

How to Use CSSTitle

1. Download the files and install them in a directory on your web site.
2. Include the required CSS and JavaScript files with the following code in your page's HEAD element:

   
   <link rel="stylesheet" type="text/css" href="csstitle.css" />
   <script type="text/javascript" src="prototype.js"></script>
   <script type="text/javascript" src="cfx.js"></script>
   <script type="text/javascript" src="csstitle.js"></script>
   				

3. For any element on your page that should have the CSSTitle popup, apply the attributes class="csstitle" and title="(your text here)"

More Examples

• Castwide Developer's Resource

• This page conforms to W3C standards and passes the validator for XHTML compliance.

The CSSTitle library was developed by Fred Snyder for Castwide Technologies.