jQWidgets jqxNavigationBar expandAnimationDuration 属性介绍

简介

jQWidgets jqxNavigationBar 是一款基于 jQuery 和 TypeScript 开发的导航栏控件。其中，expandAnimationDuration 属性可以定义导航栏展开动画的持续时间。

语法

// 获取属性值
var duration = $("#jqxNavigationBar").jqxNavigationBar("expandAnimationDuration");

// 设置属性值
$("#jqxNavigationBar").jqxNavigationBar({ expandAnimationDuration: 500 });

参数说明

expandAnimationDuration 属性可以设置导航栏展开动画的持续时间，单位为毫秒。

使用示例

// 初始化导航栏
$("#jqxNavigationBar").jqxNavigationBar({
  width: '200px',
  expandMode: 'singleFitHeight',
  expandedIndexes: [0]
});

// 设置导航栏展开动画持续时间为1秒
$("#jqxNavigationBar").jqxNavigationBar({ expandAnimationDuration: 1000 });

注意事项

expandAnimationDuration 属性的默认值为 250 毫秒。过长的持续时间会使用户感到操作迟缓；过短的持续时间会使动画显得生硬。因此，应根据实际情况合理设置展开动画的持续时间。