javascript - 使用 jQueryUI 选项卡切换选项卡时是否可以交叉淡入淡出?

标签 javascript jquery jquery-ui jquery-tabs

所以我知道可以使用 jQuery UI 选项卡来实现淡入/淡出效果。这是我必须执行的代码:

$("#Tabs").tabs({ fx: [{ opacity:'hide', duration:1000 },
                       { opacity:'show', duration:1000 }] });

这将完全淡出当前选项卡,然后才开始淡入新选项卡,因此您最终会出现一瞬间的空白区域。

我实际上需要的是交叉淡入淡出效果,这意味着当我单击另一个选项卡时,新选项卡的淡入将在当前选项卡淡出的同时开始。

最佳答案

哎呀。刚刚花了最后三十分钟尝试获取 UI 选项卡和 Cycle玩得好,没有太多运气。我最终得到的是 this demo

您会对没有选项卡感到失望,但应该很容易作弊并使这些链接看起来像选项卡(我仍在尝试,我自己也希望这样)。

关于javascript - 使用 jQueryUI 选项卡切换选项卡时是否可以交叉淡入淡出?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5490830/

相关文章:

javascript - 检查javascript中的多维数组输入

javascript - 平移/缩放 d3.js 图表中新添加的点

jquery - 使用 jQuery 或 CSS 将表格一分为二

jquery - 如何从函数中禁用 jQuery 对话框中的按钮?

javascript - 悬停/淡入淡出/切换多个类更改

javascript - 在javascript中使用多维数组时未定义

javascript - 我应该如何为支持和不支持 javascript 的浏览器编写 Jquery Mobile 应用程序?

javascript - 多个 jQuery 导航 slider

javascript - 如何在 bootstrap 4 中提交表单

javascript - 我如何将 jquery ui 与 requirejs 一起使用