类似GMAIL的Ajax信息反馈显示_Javascript教程-查字典教程网
类似GMAIL的Ajax信息反馈显示
类似GMAIL的Ajax信息反馈显示
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:newdocument#show_feedBack_message{BORDER-RIGHT:#f001pxsolid;P...

复制代码 代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>new document</TITLE>

<META http-equiv=Content-Type content="text/html; charset=gb2312">

<META content="MSHTML 6.00.2900.2180" name=GENERATOR>

<META content="" name=author>

<META content="" name=keywords>

<META content="" name=description>

<STYLE type=text/css>#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

}

</STYLE>

</HEAD>

<BODY>

<SCRIPT type=text/javascript>

<

}else{

clearInterval(feedBackMessage.timer);

fdDiv.style.display="none"

}

},step);

}

}

//-->

</SCRIPT>

<DIV>

<DIV>

<OL>

<LI>(默认设置)显示位置:左上角 消失时间:不消失<BR><BR><A

onclick="feedBackMessage('消息提示测试1......');return false"

href="#">feedBackMessage('消息提示测试......')</A>

<LI>显示位置:left:200px,top:200px 消失时间:5秒后<BR><BR><A

onclick="feedBackMessage('消息提示测试1......','200','200',5000);return false"

href="#">feedBackMessage('消息提示测试1......','200','200',5000)</A>

<LI>显示位置:页面右上部 消失时间:3秒后<BR><BR><A

onclick="feedBackMessage('消息提示测试2......','right','top',3000);return false"

href="#">feedBackMessage('消息提示测试2......','right','top',3000)</A>

<LI>显示位置:left:50%,top:50% 消失时间:2秒后<BR><BR><A

onclick="feedBackMessage('消息提示测试3......','50%','50%',2000);return false"

href="#">feedBackMessage('消息提示测试3......','50%','50%',2000)</A>

<LI>显示位置:left:500px,top:200px 消失时间:不消失<BR><BR><A

onclick="feedBackMessage('消息提示测试4......','500','200',-1);return false"

href="#">feedBackMessage('消息提示测试4......','500','200',-1)</A> </LI></OL></DIV>

<DIV

>函数语法:feedBackMessage(Message,X,Y,Delay)

<BR><BR><STRONG>参数介绍:</STRONG> <BR><U>Message:</U>必填参数。该参数为要显示的消息内容,可以为html内容

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

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

<BR><U>Delay:</U>显示时间,即多长时间后消失,单位为毫秒,如5000即5秒后消失,设定为-1则永不消失。默认为-1

</DIV></DIV>

</BODY>

</HTML>

在线演示 http://demo.jb51.net/js/gmail_info/demo.htm

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类