首先非常感谢网友小宇的无私分享,此Jquery插件是一个由小宇编写的轻量级消息提示框插件,该插件使用jQuery和纯CSS构建,代码不多,但功能实用,界面简洁美观,使用简单。具有自动关闭功能,时间可控制,也可用代码强制关闭,具有可配置性的默认参数,让该插件更具有了实用性和适用性。
参数介绍和使用代码如下:
/*内置的默认参数如下,仅作展示,demo中不使用defaults这个变量*/
var defaults = {
name : "T"+ new Date().getTime(),//这个不用管,为了防止命名冲突的
content :"This is tips!",//弹出层的内容(text文或html代码)
width : 200,//弹出层的宽度
height : 70,
time:2000,//单位毫秒,设置自动关闭时间,设置为0表示不自动关闭,强烈建议该参数至少大于0
bg:true // 是否使用背景遮罩层
}
/*使用方法****
$.Prompt(内容,自动关闭时间[可选],参数[可选]); //调用方法
$.Prompt({更改的默认参数});//第一个参数给定object的话,可以配置默认参数(参照上面defaults,当前页面有效),不需每次调用给
$.Prompt({close:true}); //强制关闭
定参数了
*/
具体参数使用方法,见“马上预览”
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
弹出层 层特效 消息提示 提示插件 网友小宇 Prompt