jquery - 如何使用 JQuery 或 CSS3 创建弹出面板？

Question

本质上，我希望能够将鼠标悬停在左侧垂直列中的链接上，并在右侧弹出一个面板。这是我要实现的目标的屏幕截图。同样，当谈到 JQuery 时，我是一个完全的菜鸟，所以如果有一个严格的 css3 方法来做到这一点，我会全神贯注。

score 1 · Accepted Answer

1

还可以查看 jquery 动画以获得简单的跨浏览器动画。

于 2012-08-17T17:17:28.643 回答

score 1 · Accepted Answer

可能有一种方法可以通过 CSS3 过渡来做到这一点。并非所有浏览器都支持这些。

最简单的方法是使用 jQuery。

<a id="trigger-link">Hover Over Me</a>
. . . 
<div id="target" style="display: none">I should not be using inline styles</div>

然后在你的 JS 中：

$("#trigger-link").hover(function() {
    $("#target").show();
}, function() {
    $("#target").hide();
});

这是一个非常简单的例子。但这应该是一个很好的起点。

2 回答 2