大话artDialog

话说最近用到消息弹出框，不想自己写，索性度娘了一把，发现artDialog很不错，于是乎取了下来，因为需要在后台用到，于是乎又改造了一下，现在分享出来吧。

在需要用到的页面上引用如下：

<script src="/artdialog/artDialog.js" type="text/javascript"></script>

 <link href="/artdialog/skins/black.css" rel="stylesheet" type="text/css" />

以下是自己封装的类库

-------------------------------------------------------------------------------------------华丽分割线---------------------------------------------------------------------------------------------

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Text;
namespace ArtDialog
{
    /// <summary>
    ///artDialog 的摘要说明
    /// </summary>
    public class artDialog
    {
        public artDialog()
        {
            //
            //TODO: 在此处添加构造函数逻辑
            //
        }
        #region 简单消息弹出框
        /// <summary>
        /// 弹出消息框
        /// </summary>
        /// <param name="title">标题</param>
        /// <param name="content">内容</param>
        /// <param name="width">宽度</param>
        /// <param name="height">高度</param>
        /// <param name="islock">是否锁屏bool类型:true OR false</param>
        /// <param name="drag">是否允许拖拽位置:true OR false</param>
        /// <param name="resize">是否允许拖拽大小:true OR false</param>
        /// <returns>string</returns> 
        public static string MessStr(string title, string content, string width, string height, string islock, string drag, string resize)
        {
            StringBuilder message = new StringBuilder();
            message.Append(@"<script>art.dialog.alert({");
            message.Append(@"title: '");
            message.Append(title);
            message.Append(@"',content: '");
            message.Append(content.Replace("'", "").Replace("'", ""));
            message.Append(@"',width:");
            message.Append(width);
            message.Append(@",height:");
            message.Append(height);
            message.Append(",lock:");
            message.Append(islock);
            message.Append(",drag:");
            message.Append(drag);
            message.Append(",resize:");
            message.Append(resize);
            message.Append(@"});</script>");
            return message.ToString();
        }
        #endregion
        #region 带图标消息弹出框
        /// <summary>
        /// 带图标消息弹出框
        /// </summary>
        /// <param name="title">标题</param>
        /// <param name="content">内容</param>
        /// <param name="type">操作类型:succeed,error,face-sad,face-smile,loading,question,succeed,warning</param>
        /// <param name="width">宽度</param>
        /// <param name="height">高度</param>
        /// <param name="islock">是否锁屏bool类型：true OR false</param>
        /// <param name="drag">是否允许拖拽位置:true OR false</param>
        /// <param name="resize">是否允许拖拽大小:true OR false</param>
        /// <returns>string</returns>
        public static string MessIcon(string title, string content, string type, string width, string height, string islock, string drag, string resize)
        {


            StringBuilder message = new StringBuilder();
            message.Append(@"<script>art.dialog({");
            message.Append(@"title:'");
            message.Append(title);
            message.Append(@"',icon:'");
            message.Append(type);
            message.Append(@"',content:'");
            message.Append(content.Replace("'", ""));
            message.Append(@"',width:");
            message.Append(width);
            message.Append(@",height:");
            message.Append(height);
            message.Append(",lock:");
            message.Append(islock);
            message.Append(",drag:");
            message.Append(drag);
            message.Append(",resize:");
            message.Append(resize);
            message.Append(@"});</script>");
            return message.ToString();
        }
        #endregion
        #region 带图标消息弹出框，在规定时间内消失
        /// <summary>
        /// 带图标消息框，在规定时间内消失
        /// </summary>
        /// <param name="title">标题</param>
        /// <param name="content">内容</param>
        /// <param name="type">操作类型:succeed,error,face-sad,face-smile,loading,question,succeed,warning</param>
        /// <param name="width">宽度</param>
        /// <param name="height">高度</param>
        /// <param name="islock">是否锁屏bool类型：true OR false</param>
        /// <param name="time">时间</param>
        /// <param name="drag">是否允许拖拽位置:true OR false</param>
        /// <param name="resize">是否允许拖拽大小:true OR false</param>
        /// <returns>string</returns>
        public static string MessIconTime(string title, string content, string type, string width, string height, string islock, string time, string drag, string resize)
        {
            StringBuilder message = new StringBuilder();
            message.Append(@"<script>art.dialog({");
            message.Append(@"title:'");
            message.Append(title);
            message.Append(@"',icon:'");
            message.Append(type);
            message.Append(@"',content:'");
            message.Append(content.Replace("'", ""));
            message.Append(@"',width:");
            message.Append(width);
            message.Append(@",height:");
            message.Append(height);
            message.Append(@",lock:");
            message.Append(islock);
            message.Append(@",time:");
            message.Append(time);
            message.Append(",drag:");
            message.Append(drag);
            message.Append(",resize:");
            message.Append(resize);
            message.Append(@"});</script>");
            return message.ToString();
        }
        #endregion
        #region 简单消息弹出框，在规定时间内消失
        /// <summary>
        /// 简单消息弹出框，在规定时间内消失
        /// </summary>
        /// <param name="title">标题</param>
        /// <param name="content">内容</param>
        /// <param name="width">宽度</param>
        /// <param name="height">高度</param>
        /// <param name="islock">是否锁屏：bool类型 true OR false</param>
        /// <param name="time">时间</param>
        /// <param name="drag">是否允许拖拽位置:true OR false</param>
        /// <param name="resize">是否允许拖拽大小:true OR false</param>
        /// <returns>string</returns>
        public static string MessStrTime(string title, string content, string width, string height, string islock, string time, string drag, string resize)
        {
            StringBuilder message = new StringBuilder();
            message.Append(@"<script>art.dialog({");
            message.Append(@"title: '");
            message.Append(title);
            message.Append(@"',content: '");
            message.Append(content.Replace("'", ""));
            message.Append(@"',width:");
            message.Append(width);
            message.Append(@",height:");
            message.Append(height);
            message.Append(@",lock:");
            message.Append(islock);
            message.Append(@",time:");
            message.Append(time);
            message.Append(",drag:");
            message.Append(drag);
            message.Append(",resize:");
            message.Append(resize);
            message.Append(@"});</script>");
            return message.ToString();
        }
        #endregion
        #region 右下角消息弹出框
        /// <summary>
        /// 右下角弹出框
        /// </summary>
        /// <param name="title">标题</param>
        /// <param name="content">内容</param>
        /// <param name="width">宽度</param>
        /// <param name="height">高度</param>
        /// <param name="islock">是否锁屏bool类型：true OR false</param>
        /// <param name="drag">是否允许拖拽位置:true OR false</param>
        /// <param name="resize">是否允许拖拽大小:true OR false</param>
        /// <returns>string</returns>
        public static string MessRightBottom(string title, string content, string width, string height, string islock, string drag, string resize)
        {
            StringBuilder message = new StringBuilder();
            message.Append(@"<script>art.dialog({");
            message.Append(@"title:'");
            message.Append(title);
            message.Append(@"',content:'");
            message.Append(content.Replace("'", ""));
            message.Append(@"',width:");
            message.Append(width);
            message.Append(@",height:");
            message.Append(height);
            message.Append(@",left: '100%',");
            message.Append(@"top: '100%',");
            message.Append(@"fixed: true,");
            message.Append(@"drag: false,");
            message.Append(@"resize: false");
            message.Append(",lock:");
            message.Append(islock);
            message.Append(",drag:");
            message.Append(drag);
            message.Append(",resize:");
            message.Append(resize);
            message.Append(@"});</script>");
            return message.ToString();


        }
        #endregion
        #region 右下角带图标消息弹出框
        /// <summary>
        /// 右下角带图标消息弹出框
        /// </summary>
        /// <param name="title">标题</param>
        /// <param name="content">内容</param>
        /// <param name="width">宽度</param>
        /// <param name="height">高度</param>
        /// <param name="islock">是否锁定：bool类型 true OR false</param>
        /// <param name="type">操作类型:succeed,error,face-sad,face-smile,loading,question,succeed,warning</param>
        /// <param name="drag">是否允许拖拽位置:true OR false</param>
        /// <param name="resize">是否允许拖拽大小:true OR false</param>
        /// <returns>string</returns>
        public static string MessRightBottomIcon(string title, string content, string width, string height, string islock, string type, string drag, string resize)
        {
            StringBuilder message = new StringBuilder();
            message.Append(@"<script>art.dialog({");
            message.Append(@"title:'");
            message.Append(title);
            message.Append(@"',content:'");
            message.Append(content.Replace("'", ""));
            message.Append(@"',icon:'");
            message.Append(type);
            message.Append(@"',width:");
            message.Append(width);
            message.Append(@",height:");
            message.Append(height);
            message.Append(@",left: '100%',");
            message.Append(@"top: '100%',");
            message.Append(@"fixed: true,");
            message.Append(@"drag: false,");
            message.Append(@"resize: false");
            message.Append(",lock:");
            message.Append(islock);
            message.Append(",drag:");
            message.Append(drag);
            message.Append(",resize:");
            message.Append(resize);
            message.Append(@"});</script>");
            return message.ToString();
        }
        #endregion
        #region 右下角消息弹出框在规定时间内消失
        /// <summary>
        /// 右下角消息弹出框在规定时间内消失
        /// </summary>
        /// <param name="title">标题</param>
        /// <param name="content">内容</param>
        /// <param name="width">宽度</param>
        /// <param name="height">高度</param>
        /// <param name="islock">是否锁定：bool类型 true OR false</param>
        /// <param name="time">时间</param>
        /// <param name="drag">是否允许拖拽位置:true OR false</param>
        /// <param name="resize">是否允许拖拽大小:true OR false</param>
        /// <returns>string</returns>
        public static string MessRightBottomTime(string title, string content, string width, string height, string islock, string time, string drag, string resize)
        {
            StringBuilder message = new StringBuilder();
            message.Append(@"<script>art.dialog({");
            message.Append(@"title:'");
            message.Append(title);
            message.Append(@"',content:'");
            message.Append(content.Replace("'", ""));
            message.Append(@"',width:");
            message.Append(width);
            message.Append(@",height:");
            message.Append(height);
            message.Append(@",left: '100%',");
            message.Append(@"top: '100%',");
            message.Append(@"fixed: true,");
            message.Append(@"drag: false,");
            message.Append(@"resize: false");
            message.Append(@",lock:");
            message.Append(islock);
            message.Append(@",time:");
            message.Append(time);
            message.Append(",drag:");
            message.Append(drag);
            message.Append(",resize:");
            message.Append(resize);
            message.Append(@"});</script>");
            return message.ToString();


        }
        #endregion
        #region 右下角带图标消息弹出框在规定时间内消失
        /// <summary>
        /// 右下角带图标消息弹出框在规定时间内消失
        /// </summary>
        /// <param name="title">标题</param>
        /// <param name="content">内容</param>
        /// <param name="width">宽度</param>
        /// <param name="height">高度</param>
        /// <param name="islock">是否锁屏：bool类型 true OR false</param>
        /// <param name="type">操作类型:succeed,error,face-sad,face-smile,loading,question,succeed,warning</param>
        /// <param name="time">时间</param>
        /// <param name="drag">是否允许拖拽位置:true OR false</param>
        /// <param name="resize">是否允许拖拽大小:true OR false</param>
        /// <returns>string</returns>
        public static string MessRightBottomIconTime(string title, string content, string width, string height, string islock, string type, string time, string drag, string resize)
        {
            StringBuilder message = new StringBuilder();
            message.Append(@"<script>art.dialog({");
            message.Append(@"title:'");
            message.Append(title);
            message.Append(@"',content:'");
            message.Append(content.Replace("'", ""));
            message.Append(@"',icon:'");
            message.Append(type);
            message.Append(@"',width:");
            message.Append(width);
            message.Append(@",height:");
            message.Append(height);
            message.Append(@",left: '100%',");
            message.Append(@"top: '100%',");
            message.Append(@"fixed: true,");
            message.Append(@"drag: false,");
            message.Append(@"resize: false");
            message.Append(@",lock:");
            message.Append(islock);
            message.Append(",time:");
            message.Append(time);
            message.Append(",drag:");
            message.Append(drag);
            message.Append(",resize:");
            message.Append(resize);
            message.Append(@"});</script>");
            return message.ToString();


        }
        #endregion
        #region 右下角带图标消失提示框在规定时间内消失（滑动效果）
        /// <summary>
        /// 右下角带图标消失提示框在规定时间内消失（滑动效果）
        /// </summary>
        /// <param name="title">标题</param>
        /// <param name="content">内容</param>
        /// <param name="type">操作类型:succeed,error,face-sad,face-smile,loading,question,succeed,warning</param>
        /// <param name="time">时间</param>
        /// <param name="width">宽度</param>
        /// <param name="drag">是否允许拖拽位置:true OR false</param>
        /// <param name="resize">是否允许拖拽大小:true OR false</param>
        /// <returns>string</returns>
        public static string MessRightBottomTimeSlide(string title, string content, string type, string time, string width, string drag, string resize)
        {
            StringBuilder message = new StringBuilder();
            message.Append(@"<script>art.dialog.notice({");
            message.Append(@"title:'");
            message.Append(title);
            message.Append(@"',content:'");
            message.Append(content.Replace("'", ""));
            message.Append(@"',icon:'");
            message.Append(type);
            message.Append(@"',time:");
            message.Append(time);
            message.Append(@",width:");
            message.Append(width);
            message.Append(",drag:");
            message.Append(drag);
            message.Append(",resize:");
            message.Append(resize);
            message.Append(",drag:");
            message.Append(drag);
            message.Append(",resize:");
            message.Append(resize);
            message.Append(@"});</script>");
            return message.ToString();
        }
        #endregion
        #region 简单消息弹出框，在规定时间内消失后转向到其他页面
        /// <summary>
        /// 简单消息弹出框，在规定时间内消失后转向到其他页面
        /// </summary>
        /// <param name="title">标题</param>
        /// <param name="content">内容</param>
        /// <param name="width">宽度</param>
        /// <param name="height">高度</param>
        /// <param name="islock">是否锁屏：bool类型 true OR false</param>
        /// <param name="time">时间</param>
        /// <param name="uri">跳转地址</param>
        /// <param name="drag">是否允许拖拽位置:true OR false</param>
        /// <param name="resize">是否允许拖拽大小:true OR false</param>
        /// <returns>string</returns>
        public static string MessStrTimeAndRedirectUri(string title, string content, string width, string height, string islock, string time, string uri, string drag, string resize)
        {
            StringBuilder message = new StringBuilder();
            message.Append(@"<script>art.dialog({");
            message.Append(@"title: '");
            message.Append(title);
            message.Append(@"',content: '");
            message.Append(content.Replace("'", ""));
            message.Append(@"',width:");
            message.Append(width);
            message.Append(@",height:");
            message.Append(height);
            message.Append(@",lock:");
            message.Append(islock);
            message.Append(@",time:");
            message.Append(time);
            message.Append(",drag:");
            message.Append(drag);
            message.Append(",resize:");
            message.Append(resize);
            message.Append(@",close:function(){window.location.href='");
            message.Append(uri);
            message.Append(@"'}});</script>");
            return message.ToString();
        }
        #endregion
        #region 简单消息弹出框，在规定时间内消失后打开一个新页面
        /// <summary>
        /// 简单消息弹出框，在规定时间内消失后打开一个新页面
        /// </summary>
        /// <param name="title">标题</param>
        /// <param name="content">内容</param>
        /// <param name="width">宽度</param>
        /// <param name="height">高度</param>
        /// <param name="islock">是否锁屏：bool类型 true OR false</param>
        /// <param name="time">时间</param>
        /// <param name="uri">新页面地址</param>
        /// <param name="drag">是否允许拖拽位置:true OR false</param>
        /// <param name="resize">是否允许拖拽大小:true OR false</param>
        /// <returns>string</returns>
        public static string MessStrTimeAndOpenUri(string title, string content, string width, string height, string islock, string time, string uri, string drag, string resize)
        {
            StringBuilder message = new StringBuilder();
            message.Append(@"<script>art.dialog({");
            message.Append(@"title: '");
            message.Append(title);
            message.Append(@"',content: '");
            message.Append(content.Replace("'", ""));
            message.Append(@"',width:");
            message.Append(width);
            message.Append(@",height:");
            message.Append(height);
            message.Append(@",lock:");
            message.Append(islock);
            message.Append(@",time:");
            message.Append(time);
            message.Append(",drag:");
            message.Append(drag);
            message.Append(",resize:");
            message.Append(resize);
            message.Append(@",close:function(){window.open('");
            message.Append(uri);
            message.Append(@"')}});</script>");
            return message.ToString();
        }
        #endregion
        #region 简单消息弹出框，在规定时间内消失后,执行一个JS方法
        /// <summary>
        /// 简单消息弹出框，在规定时间内消失后,执行一个JS方法
        /// </summary>
        /// <param name="title">标题</param>
        /// <param name="content">内容</param>
        /// <param name="width">宽度</param>
        /// <param name="height">高度</param>
        /// <param name="islock">是否锁屏：bool类型 true OR false</param>
        /// <param name="function">js方法</param>
        /// <param name="uri">新页面地址</param>
        /// <param name="drag">是否允许拖拽位置:true OR false</param>
        /// <param name="resize">是否允许拖拽大小:true OR false</param>
        /// <returns>string</returns>
        public static string MessStrTimeAndFunction(string title, string content, string width, string height, string islock, string time, string function, string drag, string resize)
        {
            StringBuilder message = new StringBuilder();
            message.Append(@"<script>art.dialog({");
            message.Append(@"title: '");
            message.Append(title);
            message.Append(@"',content: '");
            message.Append(content.Replace("'", ""));
            message.Append(@"',width:");
            message.Append(width);
            message.Append(@",height:");
            message.Append(height);
            message.Append(@",lock:");
            message.Append(islock);
            message.Append(@",time:");
            message.Append(time);
            message.Append(",drag:");
            message.Append(drag);
            message.Append(",resize:");
            message.Append(resize);
            message.Append(@",close:function(){");
            message.Append(function);
            message.Append(@"}});</script>");
            return message.ToString();
        }
        #endregion
        #region tips操作提示，在规定时间之内自动消失
        /// <summary>
        /// tips操作提示
        /// </summary>
        /// <param name="content">内容</param>
        /// <param name="time">时间</param>
        /// <returns>string</returns>
        public string MessStrTips(string content, string time)
        {
            StringBuilder message = new StringBuilder();
            message.Append(@"<script>art.dialog.tips('");
            message.Append(content.Replace("'", ""));
            message.Append(@"',");
            message.Append(time);
            message.Append(@");</script>");
            return message.ToString();
        }
        #endregion
        #region 加载一个网页，远程本地
        /// <summary>
        /// 加载一个网页，远程OR本地
        /// </summary>
        /// <param name="uri">Uri</param>
        /// <param name="title">标题</param>
        /// <param name="width">宽度</param>
        /// <param name="height">高度</param>
        /// <returns>string</returns>
        public string MessStrLoadPage(string uri, string title, string width, string height)
        {
            StringBuilder message = new StringBuilder();
            message.Append(@"<script>art.dialog.open('");
            message.Append(uri);
            message.Append(@"',{title:'");
            message.Append(title);
            message.Append(@"',width:");
            message.Append(width);
            message.Append(",height:");
            message.Append(height);
            message.Append(@"});</script>");
            return message.ToString();
        }
        #endregion
    }
}

-------------------------------------------------------------------------------------------华丽分割线---------------------------------------------------------------------------------------------

然后在需要用到的地方这样去做就好了

 ClientScript.RegisterStartupScript(ClientScript.GetType(), "myscript", ArtDialog.artDialog.MessStrTimeAndRedirectUri("消息提示", "Login successful, you are welcome!", "300", "100", "true", "3", baseinfo.GetDefaultUrl().ToString(), "false", "false"));

OK，Perfect，Over！

个人博客：http://blog.amtemai.com