用html5实现桌面提醒功能

qq每天都会在右下角弹出一些最新的新闻或广告.这个功能要在web中实现起来也不难,但是总是有一点不完美.偶然发现html5解决了这个难题,使很多只能在c/s结构中看到的功能,在b/s结构中也能实现了.看代码:

<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<script>
function RequestPermission (callback) {
window.webkitNotifications.requestPermission(callback);
}

function showNotification(){
if (window.webkitNotifications.checkPermission() > 0) {
RequestPermission(showNotification);
}
else {
window.webkitNotifications.createNotification(“http://www.yaocheap.com/wp-content/themes/miui-wjc/files/timthumb.php?src=http://www.yaocheap.com/wp-content/themes/miui-wjc/images/rand/1.jpg”, “这里写标题”,
“这里写内容”).show();
}
}
</script>
</head>
<body>
<button onclick=”showNotification()”>Show Notification</button>
</body>
</html>

运行方法:必须在web服务器中运行在能看到效果,单独运行html文件是不行的哦!

你的评论是对我最大的鼓励