Examples

Rounded Corners Theme

  1. content from title attribute
  2. rounded corners theme and positioning by mouse:
    View the HTML
    <a href="ajax4.htm" rel="ajax4.htm" title="mouse positioned">
    View the jQuery
    $('ol.rounded a:eq(1)').cluetip({cluetipClass: 'rounded', dropShadow: false, positionBy: 'mouse'});
  3. Another one with rounded corners theme. This one has "bottomTop" positioning: positioned under link, unless there isn't enough room (then over). It also has "topOffset" set to 70.
    View the HTML
    <a href="ajax4.htm" rel="ajax4.htm" title="bottom/top positioned">
    View the jQuery
    $('ol.rounded a:eq(2)').cluetip({cluetipClass: 'rounded', dropShadow: false, positionBy: 'bottomTop', topOffset: 70});
  4. non-caching ajax clueTip with rounded corners:
    View the HTML
    <a href="ajax4.htm" rel="ajax4.htm" title="rounded corners">
    View the jQuery
    $('ol.rounded a:eq(3)').cluetip({cluetipClass: 'rounded', dropShadow: false, sticky: true, ajaxCache: false});
  5. ajax error: This one points to a file that does not exist.
    View the HTML
    <a href="ajax404.htm" rel="ajax404.htm">
    View the jQuery
    $('ol.rounded a:eq(4)').cluetip({cluetipClass: 'rounded', dropShadow: false});

this is the local content to load when the 'local' parameter is set to true.