jQuery页面弹窗 / 短消息通知插件

本插件主要是用于页面元素hover提示，或者设置confirm页面和message box页面

1.tooptip工具

1)页面中对需要使用tooltip的元素，加上 data-tooltip=‘提示语’ 属性即可。

<input data-tooltip='成功调用tootip插件'/>

2)然后在页面引入的js文件中调用$.message("tooltip", {样式配置，参照jquery设置css格式})

$.message({ backgroundColor: "rgba(0, 0, 0, .8)", padding: "5px 10px", borderRadius: "8px", color: "#fff", maxWidth: "480px" });

2.confirm确认弹出框

$("selector").click(function() { $.confirm({ title: "删除电影", //弹出框标题 content: "确认删除这些电影？", //消息文本内容，也可以为任意可解析的HTML代码 submit: "立马删除", //确认按钮文字 cancel: "算咯吧，留着用", //取消按钮文字 }, function(){ //提交按钮点击事件 alert("submit"); $(".msg-bg").fadeOut("fast"); }, function() { //取消按钮点击事件 $(".msg-bg").fadeOut("fast"); }) });

3.message通知消息弹出框

$("selector").click(function() { $.message({ content: "已经成功格式化硬盘！", submit: "ok" }, function () { //点击确定按钮执行事件 alert("好的，知道了..."); } ) });