Montrer DIV au curseur de la souris sur le vol stationnaire de la durée de l'

Je veux un DIV à afficher et le curseur de la souris lorsque l'utilisateur survole un SPAN ou DIV.

J'ai fait cette fonction, mais il ne fonctionne pas (jquery est chargé).

function ShowHoverDiv(divid){

    function(e){
        var left  = clientX  + "px";
        var top  = clientY  + "px";
        $("#"+divid).toggle(150).css("top",top).css("left",left).css("position","fixed");
        return false;
    }


}

<div id="divtoshow" style="display:none">test</div>
<br><br>
<span onmouseover="ShowHoverDIV('divtoshow')">Mouse over this</span>
pouvez-vous utiliser ... fonction ShowHoverDiv(){ $("#divtoshow").toggle('slow'); }

OriginalL'auteur Mbrouwer88 | 2013-03-01

  1. 10

    j'ai rapidement mis en place cet exemple, en commençant par Dušan Radojević code:

    $("#spanhovering").hover(function(event) {
    $("#divtoshow").css({top: event.clientY, left: event.clientX}).show();
}, function() {
    $("#divtoshow").hide();
});

    jsfiddle

    Merci. Mais le problème maintenant est que j'ai une quantité dynamique de DIV à afficher. Ce que je veux dire que si je créer un véritable fonction à appeler sur le mouseoverevent d'un SPAN ou DIV, je peux utiliser des variables et ainsi de suite en charge spécifique contenu dans le div. Désolé d'être un noob.
    vous n'avez pas l'indiquer dans votre post initial, veuillez la mettre à jour et de fournir des code de ce que vous avez déjà fait pour atteindre votre objectif. essentiellement, vous voulez faire quelque chose comme ceci: $('.my_custom_td').hover(/* ... */);

    OriginalL'auteur Imperative

  2. 1

    En fait, je préfère de beaucoup Impératif de répondre. Je n'ai pas privs à ajouter un commentaire à son poste, donc voici son code, modifié afin de le rendre plus adaptable:

    $(".spanhover").hover(function(event) {
    var divid = "#popup" + $(this).attr("id")
    $(divid).css({top: event.clientY, left: event.clientX}).show();
}, function() {
    var divid = "#popup" + $(this).attr("id")
    $(divid).hide();
});

    http://jsfiddle.net/SiCurious/syaSa/

    Vous aurez besoin d'être un peu habile avec votre div et span id conventions de nommage.

    OriginalL'auteur Simon Adcock

  3. 0
    $('#divToShow,#span').hover(function(e){
 var top = e.pageY+'px';
 var left = e.pageX+'px'   
 $('#divToShow').css({position:'absolute',top:top,left:left}).show();
},
function(){
    $('#divToShow').hide();
});
<div id="divToShow" style="display:none">test</div>
<br/><br/>
<span id="span" >Mouse over this</span>

    Je pense que ce code sera utile pour votre cas.

    OriginalL'auteur misoukrane