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
        });

}


------------此時最簡單的面板已經可以觸發並顯示了,接下來就是面板中加載數據什么的了---------------


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM