栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

类似GMAIL的Ajax信息反馈显示

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

类似GMAIL的Ajax信息反馈显示


复制代码 代码如下:

new document





#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.jb51.net/js/gmail_info/demo.htm
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/116695.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号