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