堆栈溢出式消息栏
我想创建一个消息栏,就像当您收到新通知时堆栈溢出站点顶部显示的消息栏一样。有人知道如何在 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
这是一个 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.
基于事件的基本工作示例
Basic working event-based example
尝试 jQuery 选项卡,希望能起作用:)
try the jQuery tab, hope that will work :)