用jQuery实现的模态弹出窗口,封装了alert和confirm

上传者: zgqcsdn | 上传时间: 2021-05-13 18:37:27 | 文件大小: 85KB | 文件类型: RAR
软件功能: * 无限级弹出窗口 * Esc退出block弹出窗口 * 可拖动窗口 * 模态窗口 * 模态alert警告对话框 * 模态confirm对话框 * 页面局部模态 * 绑定按钮响应函数 * 弹出窗口加载iframe * 自定义背景样式 组件提供了六个函数: $.funkyUI // 弹出模态窗口 $.unfunkyUI // 关闭模态窗口 $.alert //警告提示对话框 $.confirm //确认和取消对话框 $.fn.block //块模态 $.fn.unblock//解除块模态 调用示例: $.blockUI({ url:"1.html",//弹出窗口显示的内容,使用iframe OKEvent:okEvent,//okEvent是自定义的确定按钮响应函数, css:{width:"700",height:"500"} }); $.alert("这是警告窗口"); $.confirm("这是个Boolean窗口"); $('#blocked').block();//id为blocked的元素设置为只读 $('#blocked').unblock();//解除 实现的思路: 我在主窗体中创建一个层,用来作为弹出窗体,包含一个iframe,通过参数指定URL,作为显示的内容,我觉得可能会有利于代码的重用,代码管理起来要方便一些 弹出窗口中含有的弹出窗口也在主窗体中创建,这样结构简单一点,比较容易管理。我在创建弹出窗口的时候在主窗体中声明一个栈,把当前iframe的window对象压入栈,这样不管我现在弹出了多少个窗口总能很容易的找到其中的任意一个的对象。 有感兴趣的把我的代码下载回去看看,然后给我提提意见,帮我提高。。。 觉得可用的随便用,有不明白的问我

文件下载

资源详情

[{"title":"( 23 个子文件 85KB ) 用jQuery实现的模态弹出窗口,封装了alert和confirm","children":[{"title":"test.html <span style='color:#111;'> 546B </span>","children":null,"spread":false},{"title":"jquery.funkyUI.js <span style='color:#111;'> 23.97KB </span>","children":null,"spread":false},{"title":"jquery-1.2.6.js <span style='color:#111;'> 97.85KB </span>","children":null,"spread":false},{"title":"demo.html <span style='color:#111;'> 1.63KB </span>","children":null,"spread":false},{"title":"2.html <span style='color:#111;'> 852B </span>","children":null,"spread":false},{"title":"images","children":[{"title":"icon_alert.gif <span style='color:#111;'> 680B </span>","children":null,"spread":false},{"title":"loading1.gif <span style='color:#111;'> 1.75KB </span>","children":null,"spread":false},{"title":"dialog_lt.png <span style='color:#111;'> 3.03KB </span>","children":null,"spread":false},{"title":"dialog_rb.png <span style='color:#111;'> 2.92KB </span>","children":null,"spread":false},{"title":"dialog_lb.png <span style='color:#111;'> 2.92KB </span>","children":null,"spread":false},{"title":"window.gif <span style='color:#111;'> 1.35KB </span>","children":null,"spread":false},{"title":"dialog_mrm.png <span style='color:#111;'> 3.27KB </span>","children":null,"spread":false},{"title":"icon_dialog.gif <span style='color:#111;'> 92B </span>","children":null,"spread":false},{"title":"dialog_closebtn_over.gif <span style='color:#111;'> 441B </span>","children":null,"spread":false},{"title":"icon_query.gif <span style='color:#111;'> 687B </span>","children":null,"spread":false},{"title":"Thumbs.db <span style='color:#111;'> 20.00KB </span>","children":null,"spread":false},{"title":"dialog_closebtn.gif <span style='color:#111;'> 388B </span>","children":null,"spread":false},{"title":"dialog_ct.png <span style='color:#111;'> 5.92KB </span>","children":null,"spread":false},{"title":"dialog_mlm.png <span style='color:#111;'> 3.29KB </span>","children":null,"spread":false},{"title":"dialog_cb.png <span style='color:#111;'> 3.71KB </span>","children":null,"spread":false},{"title":"dialog_rt.png <span style='color:#111;'> 3.06KB </span>","children":null,"spread":false},{"title":"dialog_bg.jpg <span style='color:#111;'> 22.30KB </span>","children":null,"spread":false}],"spread":false},{"title":"1.html <span style='color:#111;'> 851B </span>","children":null,"spread":false}],"spread":true}]

评论信息

  • wangwenyuan0451 :
    可以参考,不适合项目需求
    2016-03-29
  • 太上忘情 :
    还不错,可以拿来用一下
    2015-05-05
  • tylz100200 :
    效果是不错 可是改起来比较麻烦 最后没用上
    2014-12-15
  • baidu_23153401 :
    嗯不错,借鉴了
    2014-12-07
  • qqingliang :
    效果还可以,我用不上,下次可能会用上
    2014-06-04

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明