Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery颜色盒背景转换效果?_Jquery_Colorbox - Fatal编程技术网

jQuery颜色盒背景转换效果?

jQuery颜色盒背景转换效果?,jquery,colorbox,Jquery,Colorbox,我发现jQuery颜色框的背景转换非常“困难”。我找不到可以指定自定义转换的设置是否可以像has那样为背景创建淡入淡出效果?更新了2的淡入淡出效果 演示: 您的示例看起来不错,但是显示框不会“等待”背景显示完成。。。我认为没有一个有效的解决办法…?不客气,兄弟!;-)别忘了你当然可以用动画来代替fadeIn和viceversa!也可以使用那辆车!哎哟,在我的应用程序中测试时,我注意到覆盖层在几分之一秒内显示/隐藏。。。这会产生一个非常恼人的屏幕闪烁。。。是否有解决方法?将1000设置为2000或

我发现jQuery颜色框的背景转换非常“困难”。我找不到可以指定自定义转换的设置是否可以像has那样为背景创建淡入淡出效果?更新了2的淡入淡出效果

演示:


您的示例看起来不错,但是显示框不会“等待”背景显示完成。。。我认为没有一个有效的解决办法…?不客气,兄弟!;-)别忘了你当然可以用动画来代替fadeIn和viceversa!也可以使用那辆车!哎哟,在我的应用程序中测试时,我注意到覆盖层在几分之一秒内显示/隐藏。。。这会产生一个非常恼人的屏幕闪烁。。。是否有解决方法?将
1000
设置为2000或更多!不,没有帮助。。。在执行此行之前|$('#cboxOverlay,#colorbox').css('visibility','hidden');|#cboxOverlay div已可见约0.01秒。。。
$('.example').colorbox({
    //added to remove initial flickering
    opacity : 0,
    //use the onOpen event...
    onOpen: function() {
        // prevent Overlay from being displayed...
        $('#cboxOverlay,#colorbox').css('visibility', 'hidden');
        // make the overlay visible and
        // re-add all it's original properties!
        $('#cboxOverlay').css({
            'visibility': 'visible',
            'opacity': 0.9,
            'cursor': 'pointer'
            // execute our original animation on the overlay!
            // animate it you can use here all the
            // possible animate combination or plugin...
        }).animate({
            height: ['toggle', 'swing'],
            opacity: 'toggle'
        }, 1000 , function() {
            $('#colorbox').css({
            'visibility': 'visible'
        }).fadeIn(1000);
        });
    }
});