javascript - 将鼠标悬停在图像上时显示下拉菜单

Question

每当有人将鼠标悬停在图像上时，我都会尝试使用下拉菜单。

    <div>
        <img id="whoimg" onmouseover="forImg(this)" src="/static/images/whoisitfor.png" height="70" style="cursor:pointer;">
    </div>

    <div style="position: absolute; right:30px; top: 23px;">
        <span style="font-weight: bold;font-size:30px; color: #C4066B;">FOR</span>
    </div>

</div>

我能够编写 onmouseover 函数。但由于我是网络开发的新手，我不知道下一步该做什么。我水平放置了三张图片，包括上面一张。

function forImg()
{
alert("FOR");
}

我已经尝试过 javascript，但我一无所获。不知道该怎么办...请帮助我

Answer 1

您想在鼠标悬停在图像上时显示下拉菜单；

让它成为你的菜单:

 <div id="nav_menu">
            <ul>
                <li id="l1">AAAAA</li>
                <li>BBBBB</li>
                <li>CCCCC</li>
                <li>DDDDD</li>
            </ul>
   </div>

像这样在你的图像上绑定(bind)事件:

$('#whoimg').mouseover( function(){
    $('#nav_menu').slideDown();
});

Demo Fiddle