JSFiddle - React, Tailwind, and code Playground
by stodolaj
HTML
<p>Walter Zorn's Tooltip library is to the left. His site has been down for a long time, and rumor has it he has passed away. I was able to find them from <a href="http://www.munc.com/jseffects/walterZorn.html">this site</a>. Enjoy!</p>JavaScript
/* This notice must be untouched at all times.
wz_tooltip.js v. 3.36
The latest version is available at
http://www.walterzorn.com
or http://www.devira.com
or http://www.walterzorn.de
Copyright (c) 2002-2005 Walter Zorn. All rights reserved.
Created 1. 12. 2002 by Walter Zorn (Web: http://www.walterzorn.com )
Last modified: 5. 11. 2005
Cross-browser tooltips working even in Opera 5 and 6,
as well as in NN 4, Gecko-Browsers, IE4+, Opera 7 and Konqueror.
No onmouseouts required.
Appearance of tooltips can be individually configured
via commands within the onmouseovers.
LICENSE: LGPL
This library is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser General Public
License (LGPL) as published by the Free Software Foundation; either
version 2.1 of the License, or (at your option) any later version.
This library is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
For more details on the GNU Lesser General Public License,
see http://www.gnu.org/copyleft/lesser.html
*/
//////////////// GLOBAL TOOPTIP CONFIGURATION /////////////////////
var ttAbove = false; // tooltip above mousepointer? Alternative: true
var ttBgColor = "#e6ecff";
var ttBgImg = ""; // path to background image;
var ttBorderColor = "#003399";
var ttBorderWidth = 1;
var ttDelay = 500; // time span until tooltip shows up [milliseconds]
var ttFontColor = "#000066";
var ttFontFace = "arial,helvetica,sans-serif";
var ttFontSize = "11px";
var ttFontWeight = "normal"; // alternative: "bold";
var ttLeft = false; // tooltip on the left of the mouse? Alternative: true
var ttOffsetX = 12; // horizontal offset of left-top corner from mousepointer
var ttOffsetY = 15; // vertical offset "
var ttOpacity = 100; // opacity of...