来源:WWW.AJAXBBS.NET
作者:Yemoo      工作需要加上个人喜好,自己试着去完成一个右下角浮动的消息框,类似于msn和qq的登录提示效果。但在制作过程中自己又加入了一些功能,如最大化最小化,关闭等。水平比较菜,费了一天多时间,目前也只能兼容IE6,别的都不行,可能是IE7对offsetHeight之类的属性与IE6解释有出入吧,希望高人指点,偶是有点累,抽空我再完善兼容一下。暂且这样吧。
      演示地址:http://www.ajaxbbs.net/test/floatMessage/
      打开后可通过点击“设定消息内容按钮”设定消息内容,关闭后也可通过此方式再次显示。使用方法:
1、按照demo源码中一样首先引入jquery.js,然后引入floatMessage.js。
2、按照demo将对应的消息组件css引入。
3、在页面中先new一个tpMessageFrame实例,然后init即可(注:不可放入window.onload中,程序会自动判断并在页面加载完成后再弹出)。
如var tempVar=new tpMessageFrame();tempVar.init();其中tpMessageFrame共有三个参数
tpMessageFrame(initState,id,delay):
initState:初始化后消息组件的状态:min:最小化(在右下角显示一个标题),normal:右下角浮动消息(标题+内容),max:在页面中间显示大消息框。默认为min。
id:自己可以为消息框设定一个id便于您的控制。默认为frame_msg_container。
delay:状态变化的延迟时间,越小速度越快,单位为ms。默认为10ms。代码下载:到http://www.ajaxbbs.net/blog/float-Message.html下载