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

插件说明
- jBox 是一款基于 jQuery 的多功能对话框插件,能够实现网站的整体风格效果,给用户一个新的视觉享受。
运行环境
- 兼容 IE6+、Firefox、Chrome、Safari、Opera 等主流浏览器。备注:IE不支持边框的圆角样式,不推荐大家使用蛋痛的IE浏览器。

使用方法

下载  Jbox V 2.3


JS

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

CSS

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



<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>


效果图:

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


点击  修改

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