Views/Notice/Index.cshtml

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

@{
    ViewBag.Title = "消息接收端";
}

<script src="@Url.Content("~/Scripts/jquery.signalR-1.1.4.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Signalr/Hubs")"></script>
<script src="@Url.Content("~/Scripts/artDialog4.1.7/jquery.artDialog.source.js?skin=default")" type="text/javascript"></script>
<script>
    artDialog.notice = function (options) {
        var opt = options || {},
        api, aConfig, hide, wrap, top,
        duration = 800;

        var config = {
            id: 'Notice',
            left: '100%',
            top: '100%',
            fixed: true,
            drag: false,
            resize: false,
            follow: null,
            lock: false,
            init: function (here) {
                api = this;
                aConfig = api.config;
                wrap = api.DOM.wrap;
                top = parseInt(wrap[0].style.top);
                hide = top + wrap[0].offsetHeight;

                wrap.css('top', hide + 'px')
                .animate({ top: top + 'px' }, duration, function () {
                    opt.init && opt.init.call(api, here);
                });
            },
            close: function (here) {
                wrap.animate({ top: hide + 'px' }, duration, function () {
                    opt.close && opt.close.call(this, here);
                    aConfig.close = $.noop;
                    api.close();
                });

                return false;
            }
        };

        for (var i in opt) {
            if (config[i] === undefined) config[i] = opt[i];
        };

        return artDialog(config);
    };

    var pushHub = $.connection.pushHub;

    pushHub.client.notice = function (message) {
        art.dialog.notice({
            title: '我是服务器推送来的通知!',
            width: 220, // 必须指定一个像素宽度值或者百分比，否则浏览器窗口改变可能导致artDialog收缩
            content: message,
            icon: 'face-smile',