jQWidgets jqxDropDownButton animationType 属性

介绍

jQWidgets jqxDropDownButton 是一个基于 jQuery 的下拉按钮插件。animationType 是 jqxDropDownButton 的一个属性，用于定义下拉菜单的动画类型。下拉菜单是指当我们点击一个按钮后，所出现的菜单列表。

值

animationType 属性的值可以是字符串或布尔值。

• 字符串类型：

  • "none"：无动画效果。
  • "slide"：菜单从按钮下方滑出。
  • "fade"：菜单从不透明变为透明。
  • "fadeIn"：菜单从透明变为不透明。
  • "dropDown"：菜单从按钮旁边下拉。
  • "zoomIn"：菜单从小到大放大。
  • "zoomOut"：菜单从大到小缩小。

• 布尔类型：默认为 true。若为 false，则无动画效果。

示例

添加下拉按钮元素：

$("#myDropDownButton").jqxDropDownButton({
    width: 120,
    height: 35
});

设置动画效果：

$("#myDropDownButton").jqxDropDownButton({
    animationType: "slide"
});

注意事项

• 除了 "none" 和 false 以外的值，都需要引入 jQWidgets 的 jqxcore.js 和 jqxbuttons.js 文件才能使用。
• 动画效果可能因浏览器兼容性问题出现不同表现。
• 不同的动画类型可以通过设置不同的参数得到不同的效果，如菜单大小、描边、透明度等。

参考链接

• jQWidgets Documentation - jqxDropDownButton
• jQWidgets Demo - jqxDropDownButton animation