使用css和jquery创建一个提醒框

Question

我发现jsfiddle中的提醒框很有吸引力。它是一个包含一些消息和URL的框，右上角有一个关闭按钮。单击它时会关闭一些动画。 所以我想知道如何使用css＆amp; jquery创建一个像这样的简单框？谢谢你的帮助。

Answer 1

我用jsfiddle制作了一个演示版！

javascript是一个名为slideUp（）的jQuery函数，它通过降低它的高度来缩小框。

用于创建框的CSS和按钮是直截了当的。盒子是标准盒子。关闭按钮是字母X，嵌入并移动到框的右上角。

在CSS的评论中，我会详细介绍每个部分的功能。

Answer 2

您可以使用jQuery Dialog。这非常灵活且易于使用。您可以在jQuery UI上查看此演示。