jquery实现点击弹出可放大居中及关闭的对话框（附演示源码下载)

本文实例讲述了框架点击弹出可放大居中关闭对话框。分享给大家供大家参考，具体如下：

运行效果截图如下：

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /titlejquery点击弹出可放大居中关闭对话框/titlelink rel='样式表type=' text/CSS ' href=' CSS/jQpopup。CSS '/脚本类型=' text/JavaScript ' src=' http : js/jquery-1。3 .2 .量滴js '/script脚本类型=' text/JavaScript ' src=' http : js/jquery。bgiframe。量滴js '/script脚本类型=' text/JavaScript ' src=' http 3描述/div div class='annotation '点击关闭该弹出窗口/div/div div id=' sampleformdiv 1 ' style=' display : none ' title='模块选择器form method=' post ' id=' butt ' name=' butt ' action=' input type=' button ' value='确定/输入类型='按钮'值='取消//表单div class='sele' select class='u '选项值=' CMS ' CMS/选项值=“常规”已选择=“常规”否则/选项值=' Else ' Else/option/select select select class=' u '选项值=' CMS ' CMS/选项值=“常规”已选择=“常规”常规/选项值=' Else ' Else/option/select class=' u '选项值=' CMS ' Else/选项值=“常规”已选择=“常规/选项”值='否则/选项值=' Else '名称运输署/运输署标签运输署/运输署前缀运输署/运输署./TD/tr TD输入类型=' radio '值=' radio '名称=' R1 ' id=' R1 '/TD TD TD分类控件/TD td2/TD tdre/TD TD TD TD 222/TD/tr tr TD输入类型=' radio '值=' radio '名称=' R2 ' id=' R2 '/TD TD TD分类控件/TD td2/TD tdre/TD TD TD TD 222/TD/tr tr TD输入类型=' radio '值=' radio '名称=' R3 ' id=' R3 '/TD 推倒（网络用词）分类控件/TD td2/TD tdre/TD TD TD TD 222/TD/tr tr TD输入类型=' radio '值=' radio '名称=' R4 ' id=' R4 '/TD TD TD分类控件/TD td2/TD tdre/TD TD TD TD 222/TD/tr tr TD输入类型=' radio '值=' radio '名称=' r5 ' id=' r5 '/TD TD TD分类控件/TD td2/TD tdre/TD TD TD 222/TD/tr/table/div pinput type=' button ' class=' STD BTN ' id=' open _ BTN '值='单击1 '/pbr/pinput类型=' button ' class=' STD BTN ' id=' open _ BTN 1 '值='单击2 '/pbr/script类型=' text/JavaScript ' $(文档)。 ready(function(){ $('#open_btn ')).单击(函数(){ $('#sampleformdiv ')).jqpopup _ open(这个。id)；});$('#open_btn1 ').单击(函数(){ $('#sampleformdiv1 ')).jqpopup _ open(这个。id)；});});/script div style=' text-align : center；余量：50 px 0；font : normal 14px/24px ' MicroSoft YaHei '；p适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗/p/div/body/html完整实例代码点击此处本站下载。

更多关于框架相关内容感兴趣的读者可查看本站专题： 《jQuery切换特效与技巧总结》 、 《jQuery拖拽特效与技巧总结》 、 《jQuery扩展技巧总结》 、 《jQuery常见经典特效汇总》 、 《jQuery动画与特效用法总结》 、 《jquery选择器用法总结》 及《jQuery常用插件及用法总结》

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