1.在页面引入jquery-1.9.1.min.js 和jquery-webox.js 注意先后顺序
2.还需要引入 jquery-webox.css,式样
3.把图片放到指定位置 "../img/close.fw.png" PS:可以去css文件中修改
3.在jsp或php等页面上加入如下div
<div id="box" style="display:none;">弹框内容,可以加入html</div>
3.自己的js中写点击事件等完成div的显示,js代码如下
$.webox({
height:580, //弹出框高
width:900, //弹出框宽
bgvisibel:true,
title:'商品选择', //弹出框标题
html:$("#box").html() //选中div显示
});
转载于:https://my.oschina.net/lizy/blog/509903