首页 > PHP资讯 > HTML5培训技术 > jquery实现点击弹出可放大居中及关闭的对话框(附demo源码

jquery实现点击弹出可放大居中及关闭的对话框(附demo源码

HTML5培训技术
本文实例讲述了jquery点击弹出可放大居中关闭对话框。分享给大家供大家参考,具体如下:

运行效果截图如下:

具体代码如下:

jquery点击弹出可放大居中关闭对话框<script type="text/javascript" src="js/jquery-1.3.2.min.js?1.1.9">《script》<script type="text/javascript" src="js/jquery.bgiframe.min.js?1.1.9">《script》<script type="text/javascript" src="js/jqDnR.min.js?1.1.9">《script》<script type="text/javascript" src="js/jquery.jqpopup.min.js?1.1.9">《script》

描述

点击关闭该弹出窗口

名称 标签 前缀 ...
分类控件 2 re 222
分类控件 2 re 222
分类控件 2 re 222
分类控件 2 re 222
分类控件 2 re 222



<script type="text/javascript">$(document).ready(function(){ $("#open_btn").click(function(){ $("#sampleformp").jqpopup_open(this.id); }); $("#open_btn1").click(function(){ $("#sampleformp1").jqpopup_open(this.id); });});《script》

适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.

完整实例代码点击此处本站下载。

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

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

HTML5培训技术

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持22不支持0