jQWidgets jqxTabs contentTransitionDuration 属性介绍

概述

jQWidgets jqxTabs是一个用于显示标签页的JavaScript UI组件，可以很方便地创建具有各种选项卡风格的用户界面。其中的contentTransitionDuration属性用于设置选项卡切换时的动画持续时间。

属性值

contentTransitionDuration属性的值可以是数字型整数或字符串型整数，表示动画持续的毫秒数。默认值为300。

语法

$('#jqxTabs').jqxTabs({
    contentTransitionDuration: value
});

示例

设置动画持续时间为500毫秒：

$('#jqxTabs').jqxTabs({
    contentTransitionDuration: 500
});

设置动画持续时间为"1000"：

$('#jqxTabs').jqxTabs({
    contentTransitionDuration: '1000'
});

注意事项

• 设置较长的动画持续时间可能会影响界面的响应速度，需要权衡取舍。
• contentTransitionDuration属性只适用于选项卡切换时的动画效果，与标签页其它部分的动态效果无关。