知識 分享 互助 懶人建站

    懶人建站專注于網頁素材下載,提供網站模板、網頁設計、ps素材、圖片素材等,服務于【個人站長】【網頁設計師】和【web開發從業者】的代碼素材與設計素材網站。

    懶人建站提供網頁素材下載、網站模板
    知識 分享 互助!

    jquery彈出層插件推薦ColorBox有5種風格附中文文檔

    作者:佳明媽 來源:jquery特效 2012-06-09 人氣:
    jquery彈出層插件推薦jquery.ColorBox有5種風格,jquery.ColorBox彈出層插件有豐富的參數配置,支持框架Iframe彈出層,支持jquery彈出層ajax方式加載。
    jquery彈出層插件推薦jquery.ColorBox有5種風格,豐富的參數配置,及其簡單的調用配置,支持單張圖片展示,圖片組展示,html片段展示,支持框架Iframe彈出層,支持jquery彈出層ajax方式加載。

    jquery彈出層插件jquery.ColorBox 5種風格演示地址:

    http://www.jacklmoore.com/colorbox/example1/
    http://www.jacklmoore.com/colorbox/example2/
    http://www.jacklmoore.com/colorbox/example3/
    http://www.jacklmoore.com/colorbox/example4/
    http://www.jacklmoore.com/colorbox/example5/

    jquery彈出層插件jquery.ColorBox英文原版參數說明地址:http://www.jacklmoore.com/colorbox

    jquery.ColorBox中文文檔下載http://www.ezdqdj.live/js/jquery/colorbox/Colorbox-api.docx

    jquery.ColorBox確實是一個非常強大的jquery彈出層插件,仔細把ColorBox研究研究其他彈出層都不需要用了,玩轉這一個就非常OK了,jquery.ColorBox基本上可以解決絕大部分的應用了。

    我們來看如下實例代碼:

    $(".example9").colorbox({
            onOpen:function(){ alert('onOpen: colorbox is about to open'); },
            onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
            onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
            onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
            onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
        });
    比如 onOpen 就是指在打開jquery彈出層的時候可以做跟多的事情,比如淡出層的時候傳一個參數,賦一個值,或者彈出一個對話框... ...
    onOpen:function(){
       //任何jquery函數
    }
    同理:onLoad 等都是jquery.ColorBox的一個事件。

    jquery彈出層插件推薦jquery.ColorBox還有更好玩的技巧:你在看那些英文文檔的時候會發現下面有$.colorbox.close()  $.colorbox.next() 這些也是非常強大的功能。

    比如:
    $(“#id”).colorbox.close()

    $("#close_colorbox").click(function(){
        $().colorbox.close(); //不用寫id也一樣可以實現關閉功能
    });

    可以實現點擊某個dom節點使彈出層關閉。這是不是可以應用在彈出層中ajax方式提交表單的時候那。

    英語太差,看不大懂,和大家一起研究學習。

    jquery彈出層插件jquery.ColorBox由懶人建站整理收集,希望對你有用。
    ↓ 查看全文

    jquery彈出層插件推薦ColorBox有5種風格附中文文檔由懶人建站收集整理,您可以自由傳播,請主動帶上本文鏈接

    懶人建站就是免費分享,覺得有用就多來支持一下,沒有能幫到您,懶人也只能表示遺憾,希望有一天能幫到您。

    jquery彈出層插件推薦ColorBox有5種風格附中文文檔-最新評論

    老子是皇帝在线客服