15款手风琴(Accordion)效果的Ajax插件(推荐)

像Outlook导航工具栏那样,操作选项比较多而需要节省空间的时候,Accordion效果的样式是一个非常不错的选择,可以把不用的折叠起来,犹如可折叠家具一般,效果非常不错。对于很多Windows应用,Accordion在NN年前就已经被开始使用,不过对于Web应用来说,实现起来就不是那么容易了。
好在近几年开始流行的Ajax,让我们的Web应用也可以像桌面程序那样多姿多彩。而像jQuery, extJs这些JavaScript框架的推出,使得原本需要编写大量代码实现的效果, 通过短短的几行就可以实现。用户还可以编写符合自己要求的插件,相当便利。 下面是一个关于15款手风琴(Accordion)效果的Ajax插件列表, 有兴趣的一定要看看!
Continue reading “15款手风琴(Accordion)效果的Ajax插件(推荐)”

Flex中如何通过getHeaderAt()函数以及selectedUpIcon,selectedOverIcon和selectedDownIcon样式给Accordion头部设置一个分割用图标的例子

接下来的例子演示了Flex中如何通过getHeaderAt()函数以及selectedUpIcon,selectedOverIcon和selectedDownIcon样式,给Accordion头部设置一个分割用图标。

让我们先来看一下Demo可以右键View Source或点击这里察看源代码):

Continue reading “Flex中如何通过getHeaderAt()函数以及selectedUpIcon,selectedOverIcon和selectedDownIcon样式给Accordion头部设置一个分割用图标的例子”

Flex中如何给Accordion的各个头部文字设置不同颜色的例子

接下来的例子演示了Flex中如何给Accordion的各个头部文字设置不同颜色。

让我们先来看一下Demo可以右键View Source或点击这里察看源代码):

Continue reading “Flex中如何给Accordion的各个头部文字设置不同颜色的例子”

Flex中如何利用AccordionHeader的paddingLeft样式指定Accordion容器头部文本位置的例子

接下来的例子演示了Flex中如何利用AccordionHeader的paddingLeft样式,指定Accordion容器头部文本位置。

让我们先来看一下Demo可以右键View Source或点击这里察看源代码):

Continue reading “Flex中如何利用AccordionHeader的paddingLeft样式指定Accordion容器头部文本位置的例子”

Flex中如何利用headerStyleName样式设置Accordion容器的fillAlphas, fillColors以及selectedFillColors等反显颜色的例子

接下来的例子演示了Flex中如何利用headerStyleName样式,设置Accordion容器的fillAlphas, fillColors以及selectedFillColors等反显颜色。

让我们先来看一下Demo可以右键View Source或点击这里察看源代码):

Continue reading “Flex中如何利用headerStyleName样式设置Accordion容器的fillAlphas, fillColors以及selectedFillColors等反显颜色的例子”

Flex中如何使用addChild()和removeChild()函数动态添加或删除Accordion容器中项目的例子

接下来的例子演示了Flex中如何使用addChild()和removeChild()函数,动态添加或删除Accordion容器中项目。

让我们先来看一下Demo可以右键View Source或点击这里察看源代码):

Continue reading “Flex中如何使用addChild()和removeChild()函数动态添加或删除Accordion容器中项目的例子”

Flex中如何利动态改变Accordion容器中当前选中项目的例子

功能和在前面的
Flex中如何利用accordion的selectedIndex属性动态改变Accordion容器中当前选中项目的例子
类似的,接下来的例子演示了Flex中如何利动态改变Accordion容器中当前选中项目。

让我们先来看一下Demo可以右键View Source或点击这里察看源代码):

Continue reading “Flex中如何利动态改变Accordion容器中当前选中项目的例子”

Flex中如何利用accordion的selectedIndex属性动态改变Accordion容器中当前选中项目的例子

接下来的例子演示了Flex中如何利用accordion的selectedIndex属性,动态改变Accordion容器中当前选中项目。

让我们先来看一下Demo可以右键View Source或点击这里察看源代码):

Continue reading “Flex中如何利用accordion的selectedIndex属性动态改变Accordion容器中当前选中项目的例子”

Flex中如何给Accordion创建一个简单按钮作为其头部的例子

接下来的例子演示了Flex中如何给Accordion创建一个简单按钮作为其头部。

让我们先来看一下Demo可以右键View Source或点击这里察看源代码):

Continue reading “Flex中如何给Accordion创建一个简单按钮作为其头部的例子”

Flex中如何通过textAlign样式控制Accordion头部文本排列方向的例子

在前面的Flex中如何根据Accordion容器内项目调整宽度的例子中,我们了解了Flex中如何根据Accordion容器内项目调整宽度。 接下来的例子演示了Flex中如何通过textAlign样式,控制Accordion头部文本排列方向。

让我们先来看一下Demo可以右键View Source或点击这里察看源代码):

Continue reading “Flex中如何通过textAlign样式控制Accordion头部文本排列方向的例子”

Flex中如何控制Accordion容器内当前项目改变时延迟效果的例子

和前面Flex中在改变ColorPicker选取颜色时动态延迟效果的例子比较类似的,接下来的例子演示了Flex中如何控制Accordion容器内当前项目改变时延迟效果。

让我们先来看一下Demo可以右键View Source或点击这里察看源代码):

Continue reading “Flex中如何控制Accordion容器内当前项目改变时延迟效果的例子”

Flex中通过selectedFillColors样式使Accordion容器当前选中栏高亮显示的例子

接下来的例子演示了Flex中如何通过selectedFillColors样式,使Accordion容器当前选中栏高亮显示。高亮效果可以和前面的Flex中如何根据Accordion容器内项目调整宽度的例子进行对比,这样更加便于理解。

让我们先来看一下Demo可以右键View Source或点击这里察看源代码):

Continue reading “Flex中通过selectedFillColors样式使Accordion容器当前选中栏高亮显示的例子”

Flex中如何根据Accordion容器内项目调整宽度的例子

接下来的例子演示了Flex中如何根据Accordion容器内项目调整宽度。

让我们先来看一下Demo可以右键View Source或点击这里察看源代码):

Continue reading “Flex中如何根据Accordion容器内项目调整宽度的例子”

Flex中如何给Accordion控件嵌入Icon图标的例子

接下来的例子演示了Flex中如何给Accordion控件嵌入Icon图标。

让我们先来看一下Demo可以右键View Source或点击这里察看源代码):

Continue reading “Flex中如何给Accordion控件嵌入Icon图标的例子”