JavaScript - Tooltip mit CSS
Mit diesem JavaScript ist es möglich Tooltips in einem Text zu erzeugen. Die Formatierung wird über CSS gesteuert. Somit sind der Gestaltung wenig Grenzen gesetzt. Möglich ist auch das Einbinden von Grafiken.
Autor: michael@leigeber.com Homepage leigeber.com
Demo (mit der Maus einfach über die gestrichelten Worte gehen) :
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam id tellus. Nulla orci enim, vulputate et, pharetra eget, imperdiet non, sem. Mauris sit amet mi nec nulla porttitor dapibus. Curabitur leo sem, lacinia sed, commodo eu, mattis sit amet, felis. Ut tortor. Donec porttitor orci et neque. Curabitur eget diam at libero egestas suscipit. In tortor est, ullamcorper eu, dapibus et, condimentum nec, nunc. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis vel purus eget diam aliquam luctus. Nullam risus ipsum, aliquam et, lacinia sit amet, fermentum vel, mi. In hac habitasse platea dictumst. Maecenas et dui non tortor lobortis feugiat. Donec eleifend iaculis arcu. Cras vitae leo nec nunc rhoncus laoreet. Integer eget enim. Nunc dignissim cursus mi. Donec eros.
JavaScript - Tooltip per JavaScript und CSS
Tooltip im Text erzeugen :
<span class="hotspot" onmouseover="tooltip.show('Hier steht der Tooltip');" onmouseout="tooltip.hide();">Hier steht der Begriff </span>
