As notificações da área de trabalho HTML5 (notificações da Web) são muito úteis quando você precisa ter efeitos de notificação na área de trabalho quando novas mensagens ficam online. Aqui está uma breve introdução a este novo atributo do HTML5. Por meio de Web Notifications (sistema de notificação de desktop), o site pode exibir uma notificação na área de trabalho do usuário, independentemente de o usuário estar navegando na página atual ou até mesmo minimizar o navegador, a notificação pode chegar à área de trabalho do usuário.
<!DOCTYPE html><html> <head lang=en> <meta charset=UTF-8> <title></title> </head> <body> <script src=http://code.jquery.com/ jquery-1.8.0.min.js></script> <a onclick=showNotification();>Clique em mim para ver as informações no canto inferior direito</a> <script> function showNotification() { window.Notification. permissão = concedido alerta(window.Notification.permission); if(window.Notification) { if(window.Notification.permission == concedido) { var warning = new Notification('Você tem uma nova mensagem', { body: Olá, eu sou Wang Xiaoting, ícone: img/1.jpg }); setTimeout(function() { notificação.close(); }, 5000 } else {). window.Notification.requestPermission(); } } else alert('Seu navegador não suporta esta função de prompt de mensagem, use um navegador com núcleo Chrome!');Efeito de realização:
ResumirO texto acima é a implementação da função de notificação no canto inferior direito da área de trabalho do Web Notification em HTML5 introduzida pelo editor. Espero que seja útil para você. Se você tiver alguma dúvida, deixe-me uma mensagem e o editor irá. responder a você a tempo. Gostaria também de agradecer a todos pelo apoio ao site de artes marciais VeVb!