我如何实现jquery背景消息?

时间:2010-09-01 12:52:38

标签: php mysql jquery

例如,当您在堆栈溢出时获得新徽章时,您会在顶部获得通知消息,告诉您有一个新徽章,它会在背景上显示!是一个可以帮助我做这种事件更新的文章或文章!!

1 个答案:

答案 0 :(得分:0)

您应该查看jGrowl等通知。该网站有一些样本可以帮助您开始:)

修改

您将如何存储通知?在DB内?我稍后会再回复你 - 我的午休时间已经过去了:(

编辑2

这是一个基本的例子,说明如何通过声明一组可以从数据库中轻松填充的消息来使用php。你可以通过使用jGrowl提供的其他选项(如stickies等)来使这更高级,方法是使用多维数组来存储这些选项并输出正确的javascript。

<?php

$messages = array("This is a message", "And this is another", "etc...");

?>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>jGrowl and PHP Test</title>
        <link type="text/css" rel="stylesheet" href="jquery.jgrowl.css" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript" src="jquery.jgrowl.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {

            <?php foreach ($messages as $message) { ?>
                $.jGrowl("<?php echo $message; ?>", { life: 3000 });
               <?php } ?>

        });
    </script>
</head>
<body>

</body>