Afficher la DIV sur passage de la Souris

Sur mouseover cette div être attaché au pointeur de la souris de sorte que son contenu sont présentés à la souris?

<div id='show' style='display:none;'></div>

Si oui, comment est-ce fait?

OriginalL'auteur Hulk | 2010-02-05

  1. 2
    <div onmousemove="position();" onmouseout="hide();">abc</div>
<div id="tip" style="position: fixed; visibility: hidden;">that's abc!</div>
<script type="text/javascript">
  function position() {
    var d = document.getElementById('tip');
    d.style.visibility = 'visible';
    d.style.left = event.screenX + 'px';
    d.style.top = event.screenY + 'px';
  }
  function hide() {
    document.getElementById('tip').style.visibility = 'hidden';
  }
</script>

    Lorsque l'utilisateur passe la souris au dessus de la "abc" div", "c'est abc!" div s'affiche à côté du curseur de la souris (et le suit).

    k. U peut me dire whtas de mal avec ce code.. var p=document.getElementById('show'); document.getElementById('show').innerHTML = el.innerHTML; ele.width='200px'; ele.height='30px'; ele.bgcolor='#a9a9a9'; ele.color='#fff'; ele.position='absolu'; ele.display='block'; $(window).mouseover(function(event) { $("#show").css({'top': l'événement.pageY, "gauche": l'événement.pageX}); $('#show').height(); });
    de l'événement.screenX + 'py' devrait être de l'événement.screenY + 'px'
    Le problème avec ce code, c'est que c'est pas formaté et impossible de les lire. Plus sérieusement, si, el n'est pas définie et que vous êtes de mélange jQuery et javascript code - avez-vous de jQuery chargé? Aussi, le height() appel ne fait rien. @Mic: Merci; fixe.
    oui le jquery et javascript sont chargés jusqu'à la page
    Ne devriez-vous pas utiliser ele.style.largeur, ele.style.hauteur, etc.? Et Hulk, veuillez faire une nouvelle question.

    OriginalL'auteur Max Shawabkeh

  2. 1

    Essayez ceci:

    <div id='show' onmouseover="this.style.display = 'block';"></div>

    Mais pour que cela fonctionne, la div doit être visible premier. Toutefois, si la div est hiddne (display:none) puis onmoueever événement ne sera pas en mesure de trouver la div et en aucun cas ne pourra être déclenchée. Ayant dit cela, essayez ce qui utilise visibilité propriété.

    <div id='show' onmouseover="this.style.visibility = 'visible';"  onmouseout="this.style.visibility = 'hidden';"></div>

    OriginalL'auteur Sarfraz