Full version: jsB@nk » Image » Image Tool Tips
URL: https://www.javascriptbank.com/image-tool-tips.html
This is a code for creating annotations for the image in a frame when the user mouse over image. However, in this JavaScript code, annotations using CSS you should start feeling the eyes and more.
Full version: jsB@nk » Image » Image Tool Tips
URL: https://www.javascriptbank.com/image-tool-tips.html
<style type="text/css"><!--#toolTipBox {display: none;padding: 5;font-size: 12px;border: black solid 1px;font-family: verdana;position: absolute; background-color: #ffd038; color: 000000;}--></style><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><script type="text/javascript"><!--// Created by: Saul Salvatierra :: http://myarea.com.sapo.pt// with help from Ultimater :: http://ultimiacian.tripod.comvar theObj="";function toolTip(text,me) { theObj=me; theObj.onmousemove=updatePos; document.getElementById('toolTipBox').innerHTML=text; document.getElementById('toolTipBox').style.display="block"; window.onscroll=updatePos;}function updatePos() { var ev=arguments[0]?arguments[0]:event; var x=ev.clientX; var y=ev.clientY; diffX=24; diffY=0; document.getElementById('toolTipBox').style.top = y-2+diffY+document.body.scrollTop+ "px"; document.getElementById('toolTipBox').style.left = x-2+diffX+document.body.scrollLeft+"px"; theObj.onmouseout=hideMe;}function hideMe() { document.getElementById('toolTipBox').style.display="none";}--></script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><span id="toolTipBox" width="200"></span><img src="../../jsbsource/gif_logojsb2.gif" width="150" height="60" border="0" onmouseover="toolTip('Place your tool tip here',this)"><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->