JS Message 网页消息提醒

JS message是一个非常小的(用gzip压缩之后才3kb)JavaScript library 用于轻松在网页上展示通知提醒。除了通知,它还支持创建带风格的对话框和确认对话框。不需要任何JS框架。每一种消息类型(除了通知提醒)都拥有回调事件用于实现可定制的交互功能。消息外观也通过CSS自定义。

支持大部分浏览器除了IE6。 
项目地址: http://dhtmlx.github.com/message/ 
下载地址: https://github.com/DHTMLX/message

Custom notifications, alerts, confirmations

This library was extracted from the code of DHTMLX suite.
The library can be used under terms of MIT license (basically free).
Only 4kb gzipped, without external dependencies.

DownloadLatest version from GitHub

Examples

dhtmlx.confirm({
    type:"confirm",
    text: "Continue?",
    callback: function(result){
        dhtmlx.message("Result: "+result);
    }
});
//or
dhtmlx.confirm("Continue?");
dhtmlx.alert({
    text: "Download is completed.",
    callback: function(){
        dhtmlx.message("Alert clicked");
    }
});

//or
dhtmlx.alert("Download is completed.");

See it in action

Skin 
Default

Growl - dark

Growl - shiny

Solid

SkyBlue

Message  Alert   Confirm   Modal Box

DHTMLX is a JavaScript library that provides essential functionality

时间: 2024-08-20 23:20:17

JS Message 网页消息提醒的相关文章

使用SignalR实现消息提醒

Asp.net SignalR是微软为实现实时通信的一个类库.一般情况下,SignalR会使用JavaScript的长轮询(long polling)的方式来实现客户端和服务器通信,随着Html5中WebSockets出现,SignalR也支持WebSockets通信.另外SignalR开发的程序不仅仅限制于宿主在IIS中,也可以宿主在任何应用程序,包括控制台,客户端程序和Windows服务等,另外还支持Mono,这意味着它可以实现跨平台部署在Linux环境下. SignalR内部有两类对象:

html5 websocket + node.js 实现网页聊天室

1 client:    socket.io server:   node.js +  express  + socket.io 一个简单的聊天室  demo,没有注册,内置了一些测试用户 2 client 关键代码 var socket = io.connect('http://localhost:8080'); socket.on('connect',function(){ console.log('connected to server'); socket.on('login succes

ASP.NET SignalR 与LayIM配合,轻松实现网站客服聊天室(五) 补充:历史记录 和 消息提醒

有开发者提问怎么做历史记录功能和即使不打开聊天窗口有消息提醒功能.简单抽时间写了点代码.不过只是基本思路,具体细节没有实现. 正如前几篇博客中提到的,读取历史记录什么时候读取呢?按照常理,应该是打开聊天窗口的时候加载历史记录,当然也可以选择异步加载好,然后打开哪个窗口就加载哪部分的记录.当然我们并不知道用户会打开哪个窗口,所以,我还是建议,当用户选择人聊天的时候就读取历史记录.那么之前的功能已经做好了.我们需要充分利用  ctoc  方法.ctoc是什么?不明白的就看看本系列前几篇文章吧. 现在

[Asp.net 开发系列之SignalR篇]专题六:使用SignalR实现消息提醒

一.引言 前面一篇文章我介绍了如何使用SignalR实现图片的传输,然后对于即时通讯应用来说,消息提醒是必不可少的.现在很多网站的都有新消息的提醒功能.自然对于SignalR系列也少不了这个功能的实现了.在这篇文章中将介绍如何使用SignalR+iNotify库来实现新消息的声音和弹框提醒. 二.消息提醒的实现思路 消息提醒也就是当客户有新消息来时,在客户端的右下角进行弹框提醒.要实现这个功能的思路是: SignalR服务端推送消息到客户端的实现方式为调用客户端的receiveMessage方法

用 mongodb 储存多态消息/提醒类数据(转)

原文:http://codecampo.com/topics/66 前天看到 javaeye 计划采用mongoDB实现网站全站消息系统,很有同感,mongodb 很适合储存消息类数据.之前讨论了如何构建一个微博型广播,这次讨论一下怎么储存消息/提醒类数据. 下面的内容不涉及关于海量数据储存的问题,只讨论数据模式. 1. 需求 消息/提醒类数据有不少例子,比如豆瓣的好友广播(我说.电影/书籍已读状态.网址推荐等),Twitter 的推信息 Tweet,SNS 的好友状态. 这类信息的一个特点是模

消息提醒

实现后台管理系统的消息提醒,做了一个头部效果. =========================================== <div class="header"> <ul class="header-nav"> <li class="message"> <span>18</span> <a href="https://www.baidu.com/"

css实现移动端消息提醒按钮

1.利用css实现移动端消息提醒按钮,页面效果如下: 2.代码实现思路和关键点分析: 代码的结构如下图所示,一共有4个提醒模块,每个模块都用li标签包裹起来,li标签里设置两个div,左边的div是文案,右边的div用于包裹按钮. css样式一看就懂,就不啰嗦了.本文的重点是按钮效果的实现. 2.1 如上图,我们用一个class为“.setting_btn”的div 绘制椭圆,设置背景色.1个像素的补白.以此让中间白色的圆与外框看起来有1px的间距. 用class为“.setting_circl

微信公众号客服消息提醒

微信客服消息提醒:    public static void Test(String openid) throws Exception{            String token = getWeiXinAccessToken.getToken();        String strJson = "{\"touser\" :\""+openid+"\",";        strJson += "\"

用js在网页上完成倒计时3秒后自动跳转到另一个页面

<body> <div id="time"></div> <a href="#" onclick="stop()">停止</a> <script type="text/javascript"> var i=3; function changeTime(){ document.getElementById("time").innerHTM