基于jquery的提示框JavaScript

作者:发布时间:2019-12-27 23:15

github地址:
https://github.com/ethan-xie/message


经过此此插件可认为提示栏增加主动/点击消失的功用

需引进message.css与message.js

 link rel= stylesheet href= message.css 
 script src= message.js /script 

为元素加上 quot;$.fn.msg 事情函数,能够主动为元素增加点击后,能够大局增加提示框功用,能够屡次增加。如装备为了手动封闭,提示框会呈现×字符,点击会将其从dom中删去

 button type= button quot;$.fn.msg 
warning正告音讯 $.fn.msg
 /button 

$.fn.msg或许$.msg
让元素具有提示框功用,假如再传入装备
sticky:true代表不会主动消失, close:true代表提示信息后面会主动增加“×”删去字符



ineffect: {opacity: show }, // 完成办法
ineffectduration: 200, // 呈现过渡时刻
staytime: 1000, //信息停留时刻
leavetime: 600, // 信息脱离动画时刻
text: , // 提示内容
sticky: false, // 内容是否常驻界面
type: info , //类型:notice, warning, danger, success,info
position: top-center , //// top-left, top-center, top-right, middle-left, middle-center, middle-right
close: false, // 是否敞开开关功用
closetext: ✖ , //封闭的文字
axiecc@gmail.com create by xiethan on 19.12.17
* $.msg
* 概述: 办法能够调用网页一个提示框, 依赖于jquery
* 参数:str: 提示框显现的文字,款式等设置为默认值
* object:一个设置调集目标:如:{ text: 我是测验object , type: info , position: top-center },其它能够参数在文中上一段代码
* str,[object]:str为调用库的哪个办法,object:与上共同
最简略调用办法: $.fn.msg
次简略调用办法,不主动消失,并有封闭按钮:$.fn.msg
info一般音讯 $.fn.msg
notice告诉音讯 $.fn.msg
success成功音讯 $.fn.msg
warning正告音讯 $.fn.msg
danger风险音讯 $.fn.msg

引进jquery 2.0下:支撑 =ie8

请阅览