»
AnglaisFran�aisVietnamien

Imprimer - Image Tool Tips - JavaScriptBank.com

Version compl�te: jsB@nk » Image » Image Tool Tips
URL: https://www.javascriptbank.com/image-tool-tips.html

Image Tool Tips © JavaScriptBank.comCeci est un code pour créer des annotations pour la image dans un cadre lorsque l'utilisateur la souris sur image. Toutefois, dans ce Le code JavaScript, En utilisant les annotations CSS vous devriez commencer à ressentir les yeux et plus encore.

Version compl�te: jsB@nk » Image » Image Tool Tips
URL: https://www.javascriptbank.com/image-tool-tips.html



CSS
<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-->


JavaScript
<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-->


HTML
<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-->