首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

关于easydialog 使用方法和有关问题

2012-09-14 
关于easydialog 使用方法和问题easydialog 非常简洁的弹出层JS组件,相比于传统的alert(),有更好的用户体验

关于easydialog 使用方法和问题

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

我们在使用easydialog 的过程中,需要注意以下几点:

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

/*=====================弹出层,有提示信息, user for 用户修改信息=============================================*/function msg(){    easyDialog.open({container : {content : '<img src=\'images/login/success.png\' width=\'12px\' height=\'12px\'  /><strong>操作成功!</strong>,<br/>为了您的账号安全,<br/>请您重新登录并修改密码...<br/>该窗口将在10秒后关闭<br/>立即登录请点击这里>><a href=\'login.aspx\'>[登录]</a>'},autoClose : 10000});}
这里需要注意的是,在我们的页面在使用easydialog的组件的时候,需要将为easydialog定义的CSS文件引入到相应的页面中。否则,弹出层将不能显示其相应的样式。


这里只做一个小介绍

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


这里要感谢

http://www.gcooler.com/index.asp

http://stylechen.com/

提供的学习素材以及丰富的例子;

热点排行