用 JBox 做一个 后台 操作 弹出框 异步操作

插件说明
- 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>

 

效果图：

 

点击  修改