知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、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.51xuediannao.com/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种风格附中文文档-最新评论


      Warning: Invalid argument supplied for foreach() in /www/web/51xuediannao_com/public_html/app/view/article/comment.php on line 11