B/S下提示信息提示对话框与任务栏两种模式的提示

最新推荐文章于 2019-01-19 09:10:00 发布

麦克点马

最新推荐文章于 2019-01-19 09:10:00 发布

阅读量226

点赞数

分类专栏： js 文章标签： QQ XHTML HTML

本文链接：https://blog.csdn.net/iteye_14380/article/details/82043904

版权

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

B/S架构下的信息提示很难做到在任务栏右下角像qq一样的图标闪动或者右下角的悬浮提示，但可以做到对话框与任务栏的提示


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>VCSOA</title>
    <script type="text/javascript">
    function openmy() {
        sub = window.open('showDialog.htm', 'mywindow', 'height=100,width=200,top=' + (screen.height - 180) + ',left=' + (screen.width - 260) + ',alwaysRaised=yes,z-look=yes,toolbar=no,menubar=no,resizable=yes');
        sub.focus();
    }
    setTimeout(openmy, 5000); //测试用，5秒钟后右下角弹出提示新任务

    var timer = null, oldTitle = "VCSOA", noteTitle = '您有新的任务...';
    window.onload = function() { setTimeout(noting, 4000); } //测试用的，在4秒后标题提示。
    //标题闪烁提示
    function noting() {
        if (timer) clearInterval(timer);
        timer = setInterval(function() { document.title = document.title == oldTitle ? noteTitle : oldTitle; }, 500);
        document.getElementById("message").innerHTML = '这是您的新任务，请及时处理。';

    }
    window.onfocus = function() { clearInterval(timer); document.title = oldTitle; timer = null; } //在窗口取得焦点后清除计时器，
</script> 
</head>
<body>

    <span id="message"></span>

</body>
</html>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>新任务提示</title>
</head>
<body>
你有新的任务需要处理
</body>
</html>

麦克点马

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
B/S下提示信息提示对话框与任务栏两种模式的提示

B/S架构下的信息提示很难做到在任务栏右下角像qq一样的图标闪动或者右下角的悬浮提示，但可以做到对话框与任务栏的提示[code="title"] VCSOA function openmy() { sub = window.open('showDialog.htm', 'mywindow', 'height=100,width=...
复制链接

扫一扫