Home > Web Front-end > JS Tutorial > Ajax information feedback display similar to GMAIL_Page background

Ajax information feedback display similar to GMAIL_Page background

WBOY
Release: 2016-05-16 18:34:26
Original
940 people have browsed it
Ajax information feedback display similar to GMAIL_Page background
Copy code The code is as follows:


new document













  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">Function syntax: feedBackMessage(Message, ( This parameter is the message content to be displayed, which can be the html content

50%, or the following two parameters: left (the left side of the information box is adjacent to the left side of the page), right (the right side of the information box is adjacent to the right side of the page). The default is left.

Y: The vertical position, which can be a numerical value, a percentage, or the following two parameters: top (the top of the information box is next to the top of the page), bottom (The bottom of the info box is right next to the bottom of the page). The default is top.

Delay: Display time, that is, how long it will take to disappear, in milliseconds. For example, 5000 means it will disappear after 5 seconds. If it is set to -1, it will never disappear. The default is -1




Online Demo
http:/ /demo.jb51.net/js/gmail_info/demo.htm
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template