类似GMAIL的Ajax信息反馈显示

类似GMAIL的Ajax信息反馈显示，大家可以测试下。也方便调用。

复制代码 代码如下:

#show_feedBack_message {
BORDER-RIGHT: #f00 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #f00 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 12px; BACKGROUND: #fc0; PADDING-BOTTOM: 3px; BORDER-LEFT: #f00 1px solid; LINE-HEIGHT: 18px; PADDING-TOP: 3px; BORDER-BOTTOM: #f00 1px solid
}
{
FONT-SIZE: 12px
}
OL LI {
MARGIN: 15px 0px
}
OL LI A {
FONT-SIZE: 14px; COLOR: #00f
}

1. (默认设置)显示位置：左上角 消失时间：不消失
   
   onclick="feedBackMessage('消息提示测试1......');return false"
   href="#">feedBackMessage('消息提示测试......')

2. 显示位置：left:200px,top:200px 消失时间：5秒后
   
   onclick="feedBackMessage('消息提示测试1......','200','200',5000);return false"
   href="#">feedBackMessage('消息提示测试1......','200','200',5000)

3. 显示位置：页面右上部 消失时间：3秒后
   
   onclick="feedBackMessage('消息提示测试2......','right','top',3000);return false"
   href="#">feedBackMessage('消息提示测试2......','right','top',3000)

4. 显示位置：left:50%,top:50% 消失时间：2秒后
   
   onclick="feedBackMessage('消息提示测试3......','50%','50%',2000);return false"
   href="#">feedBackMessage('消息提示测试3......','50%','50%',2000)
   
5. 显示位置：left:500px,top:200px 消失时间：不消失
   
   onclick="feedBackMessage('消息提示测试4......','500','200',-1);return false"
   href="#">feedBackMessage('消息提示测试4......','500','200',-1)

style="FONT-SIZE: 14px; MARGIN: 15px auto; WIDTH: 96%; LINE-HEIGHT: 20px; TEXT-ALIGN: left">函数语法：feedBackMessage(Message,X,Y,Delay)


参数介绍：
Message：必填参数。该参数为要显示的消息内容，可以为html内容

X：水平方向的位置，可以是数值如50，250等，也可以是百分比如50%，或者是以下两个参数：left(信息框左侧紧邻页面左侧),right(信息框右侧紧邻页面右侧)。默认为left。

Y：垂直方向的位置，可以是数值，也可以是百分比，或者是以下两个参数：top(信息框顶部紧邻页面顶部),bottom(信息框底部紧邻页面底部)。默认为top。

Delay：显示时间，即多长时间后消失，单位为毫秒，如5000即5秒后消失，设定为-1则永不消失。默认为-1

在线演示 http://demo.html.cn/js/gmail_info/demo.htm

以上就是类似GMAIL的Ajax信息反馈显示的详细内容，更多请关注本站其它相关文章！