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

makuixuan

浏览: 34880 次
性别:
来自: 上海

最近访客更多访客>>

Cloud_GTY

真的唯一

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

QQ XHTML HTML

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>

分享到：

不同浏览器的css hack | 网页标题滚动

2011-04-12 11:28
浏览 1168
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

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

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

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

评论

发表评论

相关推荐

网页标题滚动

最近访客更多访客>>

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