[英]jQuery-UI Tabs - How to change effects?
I'm looking to add a nicer effect to a jQuery Content slider which uses tabs. 我想为使用选项卡的jQuery Content滑块添加更好的效果。
At the moment it uses 'opacity' which is really ugly. 目前,它使用了“不透明”,这确实很丑陋。
Here is my code; 这是我的代码;
$('#featured').tabs({
fx:{
opacity: "toggle"
}
}).tabs('rotate', 5000, true);
Check out http://www.jsfiddle.net/cxNj8/4/ 查看http://www.jsfiddle.net/cxNj8/4/
Is it possible to add a nicer fade like 'fade' in jQuery cycle? 是否可以在jQuery循环中添加更好的淡入淡出效果,例如“淡入淡出”?
(note: I've added the cycle library to the jsfiddle example) (注意:我已将循环库添加到jsfiddle示例中)
jQuery UI tabs doesn't seem to support "crossfading", only "fade out" then "fade in" with a blank gap between them. jQuery UI选项卡似乎不支持“交叉淡入淡出”,仅“淡出”然后“淡入”之间存在空白。
However, you might try the Flowplayer jQuery plugin which has an example of doing cross-fading tabs in a slideshow that is similar to your example: http://flowplayer.org/tools/tabs/slideshow.html 但是,您可以尝试使用Flowplayer jQuery插件,该插件具有在幻灯片演示中进行交叉淡入淡出选项卡的示例,该示例类似于您的示例: http : //flowplayer.org/tools/tabs/slideshow.html
$('#featured').tabs({
fx:{
height: "toggle",
opacity: 'toggle',
duration: 600
}
}).tabs('rotate', 5000, true);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.