关于easydialog 使用方法和问题

easydialog 很是简洁的弹出层JS组件，相比于传统的alert(),有更好的用户体验，咱们在使用时，只须要调用其已经定义好的方法，甚至能够自定义方法，和经过修改CSS文件，来改变不一样的显示样式。

咱们在使用easydialog 的过程当中，须要注意如下几点：

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

[javascript] view plaincopy

1. <span style="font-size:18px;"><script type="text/javascript" src="/js/easydialog/easydialog.min.js"></script></span>  

在引入该easydialog的组件以后，咱们就能够将自定义的JS方法文件引入进来

[javascript] view plaincopy

1. <span style="font-size:18px;"><script src="/js/easydialog/easy_msg.js" type="text/javascript"></script></span>  

在该文件中咱们能够这样定义一个方法：

[javascript] view plaincopy

1. /*=====================弹出层，有提示信息, user for 用户修改信息=============================================*/  

2. function msg(){  

3.     easyDialog.open({  

4.         container : {  

5.             content : '<img src=\'images/login/success.png\' width=\'12px\' height=\'12px\'  /><strong>操做成功!</strong>，<br/>为了您的帐号安全，<br/>请您从新登陆并修改密码...<br/>该窗口将在10秒后关闭<br/>当即登陆请点击这里>><a href=\'login.aspx\'>[登陆]</a>'  

6.         },  

7.         autoClose : 10000  

8.     });  

9. }  

这里须要注意的是，在咱们的页面在使用easydialog的组件的时候，须要将为easydialog定义的CSS文件引入到相应的页面中。不然，弹出层将不能显示其相应的样式。