CoolTips – a Lightweight Unobtrusive JavaScript Tooltips

CoolTips is used to replace conventional web-browser tooltips. The tooltips get the contents of the title attribute, so it’s fully unobtrusive. CoolTips is an OO class based on Prototype JS and frameworks.

CoolTips Options:

  • backgroundColor: Default is ‘#999′.
  • borderColor: Default is ‘#666′.
  • textColor: Default value is from CSS.
  • textShadowColor: Text shadow color (works only in Safari yet). Default value is from CSS.
  • maxWidth: Maximum allowed tooltip width in pixels. Default is 250.
  • delay: Delay before tooltips appearing in milliseconds. Default is 250.
  • mouseFollow: Tooltip will follow the mouse cursor. Default is true
  • opacity: Target opacity of tooltips. Default is .75
  • appearDuration: Appear fade in effect duration in seconds. Default is .25.
  • hideDuration: Hide fade out effect duration in seconds. Default is .25.
0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>