ITEYE的朋友大家好。在上一篇文章中我们,给大家介绍了 Wijmo Menu
的特性及使用方法。感谢园子中朋友的支持,朋友们的支持给我们写这一系列文章提供了很大的动力。在这篇文章中我们将介绍 Accordion
的特性及使用方法。 Accordion 即为 jQuery 中的手风琴效果。
有些朋友第一次看到本系列文章,所以给出本系列文章的链接:
首先让我们看看 Wijmo Accordion 给我们带来了哪些惊喜?
它可以提供多个窗格的内容,并且可以用ComponentOne为ASP.NET
Wijmo出品的Accordion™控件在同一时间显示他们。C1Accordion控件支持数据绑定,具备四个扩展方向,含有超过三十个可能的动画,
并且具备完全自定义的标题和内容区域的能力。
建立你的第一个 Wijmo jQuery Accordion:
HTML 标签:
<div id="accordion">
<h3>手风琴样式</h3>
<div>内容</div>
<h3>手风琴样式</h3>
<div>内容</div>
<h3>手风琴样式</h3>
<div>内容</div>
</div>
jQuery 脚本:
<script type="text/javascript">
$(document).ready(function () {
$("#accordion").wijaccordion();
});
</script>
特性
多个窗格
为了在一个窗格中一次显示你的全部信息,可以添加多个窗格和风琴褶。
外部内容
你可以在风琴褶窗格或可视区域显示外部的内容,包括你的项目中另一个网页的内容,或者甚至是你的项目之外的网站的内容。
四个扩展方向
风琴褶控件能够在几个不同的方向上扩展:上方,右侧,底部,左侧。
动画
风琴褶含有内置的动画选项。它可以自定义如何将动画效果转换为风琴褶。
键盘支持
通过添加键盘的辅助功能支持,用指定的组合键来给C1Accordion控件一个重点。这使最终用户可以使用键盘上的箭头键来浏览C1AccordionPanes。
主题
只需点击一下智能标签SmartTag,就可以通过从六个溢价主题(北极,午夜时分,雅集,火箭,钴和英镑)中选择一个来改变风琴褶控件的外观。另外,还可以使用jQuery UI中的ThemeRoller来创建一个自定义的主题!
CSS
支持
你可以使用这一种级联样式表(CSS)的样式来定义自定义皮肤。有了CSS支持,你可以使风琴褶与你的组织标准相匹配。
感谢大家阅读本文章,在下一篇文章中我们将介绍 Wijmo jQuery Dialog-对话框
的使用方法。
最后,和大家分享一些资源吧:
1.源码下载(包含以上特性):Wijmo-Accordion.zip
2.更多信息请参考:Wijmo 中文网站:http://www.gcpowertools.com.cn/products/c1_asp_overview.htm
3.开源Wijmo jQuery 讨论社区:
http://gcdn.grapecity.com/index.aspx
分享到:
相关推荐
Wijmo jQuery 插件集
wijmo-JQuery插件,很强大的UI
Wijmo Base on Jquery UI Widget
摘要:脚本资源,jQuery,Wijmo Wijmo是一个基于jQuery UI的组件集,有超过30多个jQuery UI 组件,是一个CSS3,SVG,HTML5的混合物,Wijmo开发了一系列包括图表、、Tab选项卡、滑动门、菜单、上传文件、柱型图、表单...
Wijmo-Open.2.0.8.zip Wijmo jquery mobile js
使用该DEMO内含的插件您只需写很少的代码便可实现更多的功能。它拥有40多个不同风格的高性能且易于使用的控件,这些控件都基于常用的Web标准,如AJAX, CSS,HTML5和jQuery。这些控件都可作为ASP.NET控件、扩展和MVC...
NULL 博文链接:https://hugang357.iteye.com/blog/1564263
给我挣个分好吗?没分了,里面是源代码,有说明。 CSDN原文:http://blog.csdn.net/hyd8480188/article/details/9132945 尊重作者的劳动成果,转载请注明出处。
Wijmo-Pro(基于jqueryUI提供了40+组件,强大的图标组件)
Wijmo是一个基于jQuery UI的UI部件的套件。Wijmo部件进行了优化客户端Web开发和利用jQuery的优越的性能和易用性的力量。所有的Wijmo部件都配备了20多个主题和支持ThemeRoller。 Wijmo主要特点 1.完全支持HTML5 ...
wijmo 的试用版本,可以使用30天。如果要是有破解的版本会第一时间拿来给大家分享。
Wijmo5 Flexgrid演示代码合集,打包发布 转载自官方网站.
ComponentOne Studio for ASP.NET Wijmo是基于jQuery和Wijmo的新一代Web控件。它提供完整的server端开发技术和非常丰富的富客户端UI能力。可用于多种设备:PC、笔记本、iPad、平板电脑、智能手机和移动终端。
ComponentOne 2012 V2 Studio for ASP.NET Wijmo 文件名称:C1StudioAspWijmo_2012v2.msi 共三个压缩分卷,请全部下载后解压 40+ styled, supercharged, and easy-to-use controls built on Web standards ...
wijmo控件,ComponentOne的wijmo控件,支持html5
ComponentOne Studio for ASP.NET Wijmo 2013 v1 4/5 共五个压缩文件,请全部下载后解压 Part of: Ultimate | Enterprise 40+ styled, supercharged, and easy-to-use controls built on Web standards including...
ComponentOne Studio for ASP.NET Wijmo 专门为网页设计窗体而开发,功能强大,覆盖全面,是 ASP.NET 平台全能用户界面开发控件套包; ComponentOne Studio for ASP.NET Wijmo 拥有40多个不同风格的高性能且易于...
ComponentOne Studio for ASP.NET Wijmo 2012 v3 1/5 一共有 5 个压缩文件,请全部下载后解压 ComponentOne ASP.NET Wijmo 2012 v3 The Ultimate UI Tools for ASP.NET WebForms & MVC Do more with less code. ...