javascript - 如何使用 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>