如何使用CSS和或JavaScript在链接上的鼠标悬停时创建登录弹出窗口

Question

我需要在诸如CodeProject登录链接之类的链接欲望上的鼠标悬停时创建一个弹出窗口中的日志。

在我的代码中，登录弹出窗口未显示在正确的位置，并且鼠标悬停无法正常工作。 但是我想要和弹出窗口中的代码项目登录一样。如何实现此目标。

任何建议表示赞赏。

Answer 1

当我阅读您的问题时，就会想到以下几点： http : //aext.net/2009/08/perfect-sign-in-dropdown-box-likes-twitter-with-jquery/

它“看起来”类似于Code Project的解决方案，但是从行为角度来看，它确实需要进行少量修改。 即它触发“单击”，而不是您想要的悬停/鼠标悬停。

希望它有所帮助。

Answer 2

首先...尝试一下..

.loginpopup{display:none;....Your another style}
.loginpopup:hover{display:block;....Your another style}

Answer 3

我想类似的东西当然可以使用jQuery。

<style>
    #popup {
        display: none;
    }
</style>

<script>
    $("#yourlink").mouseenter(function () {
        $("#popup").show();
    });
</script>

<div id="popup">Your popup</div>

<a id="yourlink" href="whatever">http...</a>