谁能告诉我任何插件或如何在 HTML 页面中创建通知？

Question

我正在创建一个 Web 应用程序，我想包含一个 notification 框而不是消息框来显示用户正在做什么或任何错误消息。到目前为止，我找到了一个插件 lobibox，它从侧面提供 通知弹出 ，并在一定时间后自动删除，或者用户可以删除它.

我想知道我是否可以创建通知而不是使用插件？如果没有，请问除了lobibox还有其他插件吗？

如果你分享一个代码，那就更好了。谢谢

Answer 1

是的，您可以自己手动创建。这是一个非常简单的方法，您可以在其中重新创建该效果。

1.) 在面板的RHS，创建多个DIVS。这些将是您的消息框。使用 CSS + 动画很好地设计它们。

2.) 一旦你对你的设计感到满意，添加一个 css "hidden" class 到它会隐藏 DIVS

3.) 当您想要显示 "notification box" 时，只需取消隐藏这些 div 并在其中设置动画。请记住也使用您想要的文本设置通知框内容。

Answer 2

还有其他几个通知插件。

• notifyme
• AmaranJS
• jQuery Growl

我遇到的最好的是notifIt!

你可以找到更多 here