JavaScript弹出层组件easyDialog

            最近的GG项目，才知道，JS里面还有这样一个体验还不错的弹出层组件

      easydialog 非常简洁的弹出层JS组件，相比于传统的alert(),有更好的用户体验，我们在使用时，只需要调用其已经定义好的方法，甚至可以自定义方法，和通过修改CSS文件，来改变不同的显示样式。

        Js文件的引用：我们在下载easydialog.zip的压缩包解压后，放到站点根目录的某个路径下，在需要用到easydialog的页面中引用其相关的JS文件，就能使用了，例如：

      <script src="<%=path%>/jquery/easydialog.js" type="text/javascript"></script>

        其次：在我们的页面在使用easydialog的组件的时候，需要将为easydialog定义的CSS文件引入到相应的页面中。否则，弹出层将不能显示其相应的样式。例如：

      <link href="<%=path%>/css/easydialog.css" rel="stylesheet" type="text/css" />

    相关的东西引入之后，就可以在相应的地方，添加此方法了:

  出来的画面如下图：

  代码介绍：

  单击事件可以写成为(若单击 同步信息后，弹出相应的画面)：

    <a href="javascript:syncCategoryInfoFromCps()">同步信息</a>

   //同步信息：
        function syncCategoryInfoFromCps(){
            easyDialog.open({
                 container : {
                header : '确认框',
                content : '同步有可能会导致现有数据被删除，确认同步后，请点击【确认】按钮',
                yesFn : confirmSyncCategoryInfo,
                noFn : true
                //这里也可以设置自动关闭的 时间 autoClose:10000
                  }
            });
            
        }

    其中的yesFn，为相应的，单击确定按钮后可倒到相应要执行的方法：

   var confirmSyncCategoryInfo = function(){
             //调转到 CategoryBeanAction 中的对应方法：stageSyncCategoryInfo2();
             window.location.href='stageSyncCategoryInfo2.do';
        };

   var confirmSyncCategoryInfo = function(){
             //调转到 CategoryBeanAction 中的对应方法：stageSyncCategoryInfo2();
             window.location.href='Category_stageSyncCategoryInfo.do';
        };

下载easyDialog：http://stylechen.com/wp-content/uploads/download/easydialog-v2.0.zip