右下角动态通知实现

本教程将指导您如何在Web应用程序中实现一个动态的通知功能，该通知会从页面的右下角滑出，以提醒用户特定的信息。

### 后台代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Text;

public partial class DynamicNotification : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        // 页面加载时执行的代码
    }

    public string GenerateNotification()
    {
        return CreateRightSlideNotification("提醒",
            250,
            "您的账户余额不足10元，请及时充值",
            "face-sad");
    }

    /// 

    /// 创建右下角滑动通知
    /// 

    /// 通知标题
    /// 通知宽度
    /// 通知内容（支持HTML标签）
    /// 通知图标
    /// Javascript代码字符串
    private string CreateRightSlideNotification(string title, int width, string content, string icon)
    {
        StringBuilder sb = new StringBuilder();
        sb.Append("");
        return sb.ToString();
    }
}

### 前台代码

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="DynamicNotification" %>

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

html xmlns="http://www.w3.org/1999/xhtml"
head runat="server"
    title /title
    style
        body { font-size:75%; color:#666; font-family:'Microsoft YaHei', Tahoma, Arial!important; font-family:'SimSun', Tahoma, Arial; }
    /style

    script src="../artDialog/artDialog.js?skin=default" /script
    script src="../artDialog/plugins/iframeTools.js" /script
    script src="../artDialog/ZD.artDialog.js" type="text/Javascript" /script

/head
body
    form id="form1" runat="server"
        %= GenerateNotification() %
    /form
/body
/html

源代码下载：点击下载
技术交流群（群内成员可免费获取资源，欢迎加入）：426634651