jquery.prompt.js 弹窗的使用

最新推荐文章于 2024-03-14 11:44:12 发布

weixin_34320724

最新推荐文章于 2024-03-14 11:44:12 发布

阅读量1.1k

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yuqiandoudou/p/4439179.html

版权

这篇博客介绍了如何利用jquery.prompt.js插件实现弹出层效果，如登录界面。内容涵盖该CSS插件如何通过js添加样式，以及在使用过程中需要注意的依赖问题——必须先引入jquery.min.js。此外，博主提醒，使用jQuery 1.8.3及以上版本可能遇到弹框无法显示的问题，并提供了参考链接和QQ联系方式以供交流。

摘要由CSDN通过智能技术生成

 1 /***
 2  * Prompt提示语插件
 3  * 编写时间：2013年4月8号
 4  * version:Prompt.1.0.js
 5  * author:小宇<i@windyland.com>
 6 ***/
 7 (function($){
 8         $.extend({
 9             PromptBox:{
10                 defaults : {
11                     name  :    "T"+ new Date().getTime(),
12                     content :"This is tips!",                            //弹出层的内容(text文本、容器ID名称、URL地址、Iframe的地址)
13                     width : 200,                                    //弹出层的宽度
14                     height : 70,                            
15                     time:2000,//设置自动关闭时间，设置为0表示不自动关闭
16                     bg:true
17                 },
18                 timer:{
19                     stc:null,
20                     clear:function(){
21                         if(this.st)clearTimeout(this.st);
22                         if(this.stc)clearTimeout(this.stc);
23                         }
24                 },
25                 config:function(def){
26                     this.defaults = $.extend(this.defaults,def);
27                 },
28                 created:false,
29                 create : function(op){
30                     this.created=true;
31