Bootstrap · The world's most popular mobile-first and responsive front-end framework. Free, open-source framework | Adobe Flex. TweenJS | A Javascript library for tweening and animating HTML5 and Javascript properties. Tooltip Sample - Glimmer. This sample was entirely created by using Glimmer's custom tooltip wizard.
Customized tooltips with images or stylized text can enhance the experience for your users. <div id="tooltipList"> <ul> <li ><a class="tooltip" rel="Glimmer is great! Thanks MIX Online. ">I'm a text Tooltip. Hover over me for an example. </a></li> <li ><a class="tooltipImage" rel="images/100x100_oomph.jpg">And me, I'm an Image Tooltip. Hover over me to see an image. jQuery jQuery(function($) { var timer; function mouseoverActiontooltip(event) { $("body").append("<p id='tooltip'>"+ this.rel + "</p>"); $("#tooltip").css("left",(event.pageX + 20) + "px"); $("#tooltip").css("top",(event.pageY - 10) + "px"); } function mouseoutActiontooltip(event) { $("#tooltip").remove(); } function mousemoveActiontooltip(event) { $("#tooltip").css("left",(event.pageX + 20) + "px"); $("#tooltip").css("top",(event.pageY - 10) + "px"); } function mouseoutActiontooltipImage(event) { $("#tooltip").remove(); }
JsAnim - Free JavaScript Animation Library. MooTools - a compact javascript framework. Processing.js. JavaScript UI Library, Ajax Components & HTML5 Framework - DHTMLX. Unbeatable JavaScript Tools - The Dojo Toolkit. Dojo Nano. Scripty2: for a more delicious web. Script.aculo.us - web 2.0 javascript.