0

私はJqueryを初めて使用します。私が見ているものはすべて奇妙に見えます.アンカータグのツールチップとして DIV セクションを表示する必要があります。DIV の可視性を切り替えることができました。しかし、それはツールチップとして表示されず、むしろ画面の上隅に表示されます. DIV セクションをアンカータグのツールチップのように表示することは可能ですか..

前もって感謝します..

<div id = "contact" class = "tooltip" style="display: none">
<asp:Label Font-Bold = "true" ID = "custLbl" runat = "server" Text = "Phone: " ></asp:Label>
<asp:Label Font-Bold = "true" ID = "custMobLbl" runat = "server" Text = "" ></asp:Label>
<br />
<asp:Label Font-Bold = "true" ID = "custLbl2" runat = "server" Text = "Mail:  " ></asp:Label>
<asp:Label Font-Bold = "true" ID = "custMailLbl" runat = "server" Text = "" ></asp:Label>
</div>

    $(function () {
        $('.contactLink').hover(function () {
            $('#contact').show();
        }, function () {
            $('#contact').hide();
        });
    });



<a  class = "contactLink" href="javascript:void();"> Click me </a>
4

1 に答える 1

0

これをページに追加

var mouseX;
var mouseY;
$(document).mousemove( function(e) {
   mouseX = e.pageX; 
   mouseY = e.pageY;
});

次に、コードを次のように変更します

$(function () {
        $('.contactLink').hover(function () {
            $('#contact').show();
            $('#DivToShow').css({'top':mouseY,'left':mouseX}).show();
        }, function () {
            $('#contact').hide();
        });
    });
于 2012-12-10T06:35:25.040 に答える