网页消息提示框

原创 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做的消息框,然后又自动淡出。

相关文章推荐

html x消息提示框

JavaScript自动关闭窗口 //自动关闭提示框 function Alert(str) { var msgw,msgh,bordercolor; msgw=350;/...

jquery 消息提示美化 非阻塞式 信息/消息提示框

一般的提示框使用的是alert,需要用户点击“确定”然后才能进行其他操作, 为了避免不必要的点击和提高可用性,使用jquery实现提示框消息点击,如图 点击下载...

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

wpf消息提示框

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

34、jQuery消息提示框插件Tipso

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

css 和div 如何实现网页右下角提示框

html>head>meta http-equiv="Content-Type" content="text/html; charset=gb2312">meta name="Keywords" co...
  • zou274
  • zou274
  • 2011年07月03日 23:14
  • 957

jQuery消息提示框插件Tipso

  • 2016年08月02日 15:51
  • 39KB
  • 下载

wpf 仿qq消息提示框

  • 2016年01月15日 13:23
  • 127KB
  • 下载

COGNOS网页版制作-cognos提示框样式替换

众做周知,cognos的值提示框丑得一B,还不能设置位置,大小等属性,网上说的又是改变里面的选项. 我就直接写了几个函数去替换了值提示框的功能,样式的话,想怎么换怎么换 那么就有两个问题了: 1...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:网页消息提示框
举报原因:
原因补充:

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