网页消息提示框

原创 2011年01月16日 00:25:00

 

最近一直在做一个网站项目,应为其项目完全采用了AJAX技术实现内容加载,提交等操作。所以网络网通可能导致无法加载内容,但又不能让页面空着,所以需要做一个提示,用alert()来做提示的话,每次都要点击确定,很麻烦,所以想到了EXT的扩展里面的ToastMsg,和QQ空间的提示,很友好,EXT扩展里面的ToastMsg是现成的,调用也很简单,但是必需依赖EXT-ALL。所以决定自己做一个经过几半个多小时的研究,完成了自己的提示框。拿出来和大家分享一下。

代码如下:

js文件:

CSS文件:

 

调用是只需要调用 startObjMessage(“errerMsg”, “加载失败!”);//“errerMsg”提示框ID, “加载失败!”:提示内容

提示框样式有CSS决定,但是CSS样式里必须包含一下5个属性:

 

 

属性,这里的提示框是一个浮动层,所以CSS里也必须加上一下两个属性:

 

有些简陋,提供出源码给各位同仁参考和改进,请莫笑小弟!

效果图就不传了,很简单就是在网页的中间点的位置淡出一个DIV做的消息框,然后又自动淡出。

JSP页面右下角消息弹框的实现

JSP页面上通过JS实现消息弹出框,样式可根据要求修改,这边只是一个简单的示范例子,自定义了两条消息,弹框效果如下   JSP页面 #winpop { widt...
  • gongye_ye
  • gongye_ye
  • 2015年02月11日 16:11
  • 2379

jQuery实现网页右下角悬浮层提示

最近有同事提到类似网页右下角的消息悬浮提示框的制作。我之前也做过一个类似的例子,很简单。是仿QQ消息。现在感觉之前的那个例子只是说了实现原理,整体上给你的感觉还是太丑,今天为大家带来一个新的例子。是D...
  • xmt1139057136
  • xmt1139057136
  • 2015年05月07日 21:19
  • 3053

实现Web页面新消息实时提醒

1.ajax方式   转载地址:
  • liang0000zai
  • liang0000zai
  • 2014年11月24日 17:40
  • 5826

网页上弹出消息提示框(Bubble Tooltip)源代码

  • 2009年09月24日 15:23
  • 15KB
  • 下载

自动弹出网页右下角消息提示框特效

  • a708964454
  • a708964454
  • 2014年09月26日 15:35
  • 457

wpf消息提示框

  • 2017年11月08日 15:13
  • 4KB
  • 下载

c#多线程+队列实现类似QQ消息提示框

  • 2013年04月27日 17:54
  • 66KB
  • 下载

C# 任务栏弹出消息提示框

  • 2008年08月18日 22:58
  • 340KB
  • 下载

34、jQuery消息提示框插件Tipso

  • 2015年03月26日 14:38
  • 41KB
  • 下载

jQuery消息提示框插件Tipso

  • 2016年08月02日 15:51
  • 39KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:网页消息提示框
举报原因:
原因补充:

(最多只允许输入30个字)