用 JBox 做一个 后台 操作 弹出框 异步操作
插件说明
- jBox 是一款基于 jQuery 的多功能对话框插件,能够实现网站的整体风格效果,给用户一个新的视觉享受。
运行环境
- 兼容 IE6+、Firefox、Chrome、Safari、Opera 等主流浏览器。备注:IE不支持边框的圆角样式,不推荐大家使用蛋痛的IE浏览器。
- jBox 是一款基于 jQuery 的多功能对话框插件,能够实现网站的整体风格效果,给用户一个新的视觉享受。
运行环境
- 兼容 IE6+、Firefox、Chrome、Safari、Opera 等主流浏览器。备注:IE不支持边框的圆角样式,不推荐大家使用蛋痛的IE浏览器。
使用方法
下载 Jbox V 2.3
JS
CSS
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.jBox-2.3.min.js"></script>
<script type="text/javascript" src="js/jquery.jBox-zh-CN.js"></script>
具体代码:
<script type="text/javascript">
function updateProduct(pid) {
$.jBox("iframe:${pageContext.request.contextPath }/updatePro?pid="+pid, {
title: "修改商品数据",
width: 800,
height: 400,
buttons: { '关闭': true }
});
}
</script>
效果图:
点击 修改