堆栈溢出式消息栏

发布于 2024-11-19 08:10:32 字数 93 浏览 2 评论 0原文

我想创建一个消息栏,就像当您收到新通知时堆栈溢出站点顶部显示的消息栏一样。有人知道如何在 Rails/CSS/jQuery 中以良好的方式做到这一点,或者知道某处的教程吗?

I want to create a message bar like the one shown on top of the stack overflow site when you have new notifications. Anyone know how to do this in a good way in Rails/CSS/jQuery, or know of a tutorial somewhere?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

不再见 2024-11-26 08:10:32

这是一个 jQuery 的例子:

http://jsfiddle.net/pJmb7/13/

请注意,我似乎无法得到关闭按钮的 z-index 会取代 jsFiddle 中的“结果”图像,因此很难找到“x”的可点击区域来演示关闭。但底部有足够的突出部分足以使其发挥作用。

如果它不在 jsFiddle 沙箱中,它将显示在屏幕顶部。

Here's an example with jQuery:

http://jsfiddle.net/pJmb7/13/

Note that I can't seem to get the z-index for the close button to supersede the "result" image in jsFiddle so it's pretty hard to find the clickable area of the "x" to demonstrate the closing. But there's just enough sticking out at the bottom for it to work.

If this was not in the jsFiddle sandbox it would appear at the top of the screen.

抹茶夏天i‖ 2024-11-26 08:10:32

尝试 jQuery 选项卡,希望能起作用:)

try the jQuery tab, hope that will work :)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文