使用JavaScript模仿消息提示框效果(兼容IE6+,FireFox)

最近由于项目需求,不能使用框架,所以自己写了一个比较通用的提示框效果。主要是实现了组件化,兼容主流浏览器,并采用CSS+DIV布局。整个效果中没有使用图片,所以在各种提示情况下均适用。

只要在页面中引用相关的文件,调用MessageBox.showMessage()方法即可显示提示窗口。废话不多说先看效果。

代码比较简单,所有的代码我都已经加入到注释,用起来应该很方便。

主要的的MessageBox对象有三个方法,init()、showMessage()、dispose(),分别负责弹出对话框的初始化,消息显示以及消息框的可拖动,消息框关闭。

代码中还用到了如何获取当前窗口的真实高度和宽度的方法以及判断FF与IE之间Event对象的不同之处。

演示文件地址:JavaScript提示框

完整zip下载:JavaScript提示框V1

设计编写:DK 转载请注明出处:http://www.dklogs.net

转载请注明原文出处《使用JavaScript模仿消息提示框效果(兼容IE6+,FireFox)》 如无特别声明,所有文章均遵守创作共用 署名-非商业-禁止演绎 3.0协议。

2条回复 发表于 “使用JavaScript模仿消息提示框效果(兼容IE6+,FireFox)”上

  1. […] 使用JavaScript模仿消息提示框效果(兼容IE6+,FireFox) […]

  2. […] 使用JavaScript模仿消息提示框效果(兼容IE6+,FireFox) […]

我要评论