Tooltips, BubbleTips, whatever they are, they will appear on mouseover
Moo.js, Function.js, Array.js, String.js, Element.js, Fx.js
Valerio Proietti, http://mad4milk.net
MIT-style license.
Tips.js is based on Bubble Tooltips (http://web-graphics.com/mtarchive/001717.php) by Alessandro Fulcitiniti http://web-graphics.com
Display a tip on any element with a title and/or href.
elements | a collection of elements to apply the tooltips to on mouseover. |
options | an object. See options Below. |
transitionStart | the transition effect used to show the tip (see Fx.Transitions). |
transitionEnd | the transition effect used to hide the tip (see Fx.Transitions). |
maxTitleChars | the maximum number of characters to display in the title of the tip. defaults to 30. |
fxDuration | the duration (in ms) for the transition effect when the tip to appears and disappears. defaults to 150. |
maxOpacity | how opaque to make the tooltip (0 = 0% opaque, 1= 100% opaque). defaults to 1. |
timeOut | the delay to wait to show the tip (how long the user must hover to have the tooltip appear). defaults to 100. |
className | the class name to apply to the tooltip |
<img src="/images/i.png" title="The body of the tooltip is stored in the title" tooltitle="The Title of the Tooltip" class="toolTipImg"/>
<script>
var myTips = new Tips($S('.toolTipImg'), {
maxTitleChars: 50, //I like my captions a little long
maxOpacity: .9, //let's leave a little transparancy in there
});
</script>
function $A( array )
returns the element passed in with all the Element prototypes applied.
function $( el )