Question

我尝试以div的形式编写鼠标悬停，当鼠标超过表格的一行时会打开。 div应该在光标进入线的位置打开。但我的代码不起作用，也许有人可以帮助我？我搜索了不同的类型，但没有人仍然在工作。当然是因为一个愚蠢的错误，因为我自学编程。

<script>
    var mouseX;
    var mouseY;
    $(document).mousemove(function(e) {
        mouseX = e.pageX; 
        mouseY = e.pageY;
    }); 
    $('.portfoliohover').mouseover(function() {
        $('#mask').css({
            'top': mouseY,
            'left': mouseX
        }).fadeIn('slow');
    });
    $('.portfoliohover').mouseout(function() {
        $('#mask').fadeOut('slow');
    });
</script>

<tbody>
    <tr> 
        <!--Vorschaumouseover-->
        <td class="portfoliohover">
            <a href="portfoliodetail.html">Mosaiken Marc Chagall </a>
        </td>

#mask {
    width: 190px;
    height: 100px;
    padding: 10px; 
    border: 2px solid #cc0066;
    display: none;
}

Answer 1

// maybe mousein ?    
$('.portfoliohover').mouseover(function() {
        $('#mask').css({
            'top': mouseY,
            'left': mouseX
        }).fadeIn('slow');
    });

放置在光标处的jquery mouseover-div不起作用

1 个答案: