jQuery弹出层插件popShow用法示例

jQuery 2019-01-07

本文实例讲述了jQuery弹出层插件popShow用法。分享给大家供大家参考，具体如下：

popShow弹出层

效果

1、引入JS和CSS文件

rush:js;">

注意：这里需要引入JQuery库文件。

2、编写HTML代码

rush:xhtml;">
display:none;">
用户名 密码

3、popShow的使用

(1) 打开弹出层

rush:js;"> popShow({ title: "用户登录",ele: "#swinLogin",width: 468 }); //打开弹出层

参数说明：

用户登录',//标题 ele: '#divID',//目标id，必填 html: '

提交成功

',//支持HTML代码，若填写此项，ele可为空 width: 700,//非必填 hide: '#closeswin'//关闭按钮id，非必填

(2) 关闭弹出层

rush:js;"> popHide(); //关闭弹出层

附件

附件1：popShow.js

rush:js;"> function popShow(obt) { var wp = $('
').appendTo('body'),ms = $('
').appendTo(wp),tb = $('Box\">').appendTo(td),ba = $('
').appendTo(bx),rb = $('').appendTo(ba),hd = $('').appendTo(ba),st = $('

').appendTo(ba),cn = $('
').appendTo(bx),ss; if (obt.ele) { ss = $(obt.ele).show().appendTo(cn) } else if (obt.html) { cn.append(obt.html) } if (obt.width) { bx.width(obt.width) } if (obt.height) { bx.height(obt.height) } if (obt.title) { st.text(obt.title) } else { ba.hide() } hd.add(obt.hide || '#swin_hide').click(function() { popHide(); }); window.popHide = function() { if (obt.ele) { ss.hide().appendTo('body') } wp.remove() }; }

附件2：popShow.css

附件3：关闭按钮图标(swinclose.gif)

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《》、《》、《》、《》、《》、《》、《》及《用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

jQuerypopShow弹出层插件插件插件

相关文章

jQuery表单验证提交：前台验证一
jQuery表单验证提交：前台验证一（图文+视频）
jQuery表单验证提交：前台验证二
jQuery表单验证提交：前台验证二（图文+视频）
jQuery如何实时监听获取input输入框的值
jQuery如何实时监听获取input输入框的值
JQuery怎么判断元素是否存在
JQuery怎么判断元素是否存在
jQuery如何实现定时重定向
jQuery如何实现定时重定向
jquery如何获取复选框选中的值
jquery如何获取复选框选中的值