-1

我对 JQuery 很陌生。我想在我的页面顶部实现 Stack Overflow 样式的通知。因此,就此而言,我从NOTY下载了一个 JQuery 插件 。我已经阅读了教程,但它没有解释如何正确实现这一点。我想要的只是在单击按钮时显示顶部通知。我已经导入了本教程中提到的所有 .js 文件,但不知道如何在单击按钮时显示该栏。

不仅仅是前面提到的 NOTY 插件,我不知道如何在按钮单击时使用 .js 文件来获取网络上可用的任何插件。

有人可以帮忙吗?

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
     <script src="../Scripts/jquery-1.9.0.js" type="text/javascript"></script>
    <script src="../Scripts/jquery.noty.js" type="text/javascript"></script>
    <script src="../Scripts/top.js" type="text/javascript"></script>
</asp:Content>

现在在按钮点击事件中写什么?

  protected void Button1_Click(object sender, EventArgs e)
        {

        }
4

2 回答 2

0

您需要参考此文档 以了解 noty 用法

在按钮上单击编写此代码

  var noty = noty({text: 'noty - a jquery notification library!'});
于 2013-01-24T07:13:17.393 回答
0

我在这里写了一些例子:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="jquery.noty.js"></script>
<script type="text/javascript" src="top.js"></script>
<script type="text/javascript" src="default.js"></script>
<script>
function myNoty()
{
    var n = noty({
        text: 'hello',
        type: 'success',
      dismissQueue: true,
        layout: 'top',
        theme: 'defaultTheme'
    })

}
</script>
</head>
<body>
    <input type="button" onclick="myNoty();" value="Click!"/>
</body>
</html>

根据您的需要更改选项。

于 2013-01-24T09:12:34.790 回答