【jQuery插件】一个简易弹出层效果

弄了一个简单的弹出层dialog效果,满足了基本的需求,不过还没完成,由于最近忙别的事情,所以暂时不做这个了,先分享一下。

基本参数:

width:”200px”, ? ? ? ? ? ? ? ? ?//宽度
title: null, ? ? ? ? ? ? ? ? ? ? ? ? ? ? // 标题.
closeable: true, ? ? ? ? ? ? ? ? ?// 是否显示关闭按钮
show: true, ? ? ? ? ? ? ? ? ? ? ? ? ?// 立即显示dialog?
modal: false, ? ? ? ? ? ? ? ? ? ? ? // 半透明遮罩背景
modalOpacity: 0.7, ? ? ? ? //默认模态背景透明度
closeText: ‘关闭窗口’, ? ? ?// 关闭窗口的提示文字
closeDelay: 0, ? ? ? ? ? ? ? ? ?//自动关闭的延时时间,单位:毫秒
dTopNum:false, ? ? ? ? ? ? ?//弹框的top值,默认居中;
closeModal:true ? ? ? ? ? ?//关闭模式,ture隐藏,false移除
演示地址:https://www.html.cn/demo/dialog/
赞(1) 打赏
未经允许不得转载:WEB前端开发 » 【jQuery插件】一个简易弹出层效果

评论 7

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-49

    调用方式很奇怪,有些要用new生成新对象,有些又不用

    强记8年前 (2011-03-03)回复
    • 奇怪个毛啊 他里面dialog = new dialog(); 就可以双调了嘛

      风城剑客8年前 (2011-03-16)回复
  2. #-48

    QQ:286391356

    页面有垂直滚动条,你的弹出层不能总在窗口中央吧。

    http://www.codesmithtools.com/ 点击右侧的Generator这个Tab,再点击视频播放。这里的弹出层达到总在窗口中央的效果,我感觉不错。

    而下面的这个,就比较次了:http://www.webweb.com/

    rgqancy8年前 (2011-03-26)回复
  3. #-47

    很好,调用很方便。
    不过在使用时我遇到一个问题,你能帮我看一下吗?
    弹出层里有个表单form,需要用户选择radio、select来确认,然后把这些值传回当前页面,你能告诉我,我该怎么做呢?

    sos8年前 (2011-05-28)回复
  4. #-46

    谢谢你分享的代码,非常好用,我修改了一下,问题解决了。

    现在遇到新的问题,我不知道怎么解决,你能告诉我吗?
    就是选择radio确认后,再点开弹出层时,怎样才能让radio处于用户选中的状态?

    sos8年前 (2011-05-28)回复
  5. #-45

    好了!!

    sos8年前 (2011-05-28)回复
  6. #-44

    1.不能拖动
    2.关闭窗口时在地址栏目追加了一个”#”符号.而且我用的时候似乎有刷新?

    老李7年前 (2011-08-31)回复

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏