fancybox 最基本的使用步骤
初步使用
第一步 :引用js和样式
第二步 :设定要触发显示的元素(a标签,链接href指向div的id)
<div><a href="#adddivtest" id="addbtndiv">测试</a></div>
第三步: 设定要触发后显示在面板里面的内容块(一般div,必须有2层包装)
<div style="display:none;">
<div id="adddivtest">
<div class="title">任务类型:</div>
<div class="title">任务类型:</div>
<div class="title">任务类型:</div>
</div>
</div>
第四步:js加载时加载/*弹出框js*/(此时使用的id是a标签的id而不是div的id)
function () {
/*弹出框js*/
$("#addbtndiv").fancybox({
'autoDimensions': false,
'centerOnScroll': true,
'scrolling': false,
'width': 480,
'height': 380
});
}
------------此时最简单的面板已经可以触发并显示了,接下来就是面板中加载数据什么的了---------------