不得不爱开源 Wijmo jQuery 插件集(1)-【开篇】(附演示和源码)

世界排名前 1000 的网站都使用了 jQuery 。你的网站怎么可以没有?但是,目前还没有一整套的建站 jQuery 插件集使我们可以无需定制即可以创建统一页面风格的 jQuery 站点。

Wijmo Open 是一款开源的 jQuery 插件集。它不仅涵盖了一个网站所需要的所有 jQuery 插件,同时提供丰富统一的界面效果。

我们的目的是通过简简单单的定制,让我们的网站,更炫、更酷,让我们的网站动起来。

在本系列文章中我们就将一一分享独立的插件的介绍、API参考并且提供部分示例展示。

开源Wijmo jQuery插件集提供整套的建站 jQuery 插件,我们提供哪些 jQuery 插件呢?

Menu:

clip_image002

clip_image004

可建立拥有多层次的菜单。该菜单包含动画效果、图像和复选框项、交互式条目滚动等功能。

 

Accordinon:

clip_image006

提供了多个显示面板,每次显示其中一个面板的内容。用户选择其中一个面板时,该面板的内容会自动展开,而其它面板内容会自动折叠,从而,实现自动地组织和优化用户界面的使用。

 

Calendar:

clip_image007

可以显示单月,多个月的日期,可以自定义样式和导航元素。

 

Dialog:

clip_image009

clip_image011

可在客户端或服务器端创建健壮的,交互式的,可自定义的对话框窗口。支持窗口最大化、最小化、内容折叠和固定功能。

 

伸缩扩展插件Expander:

clip_image013

提供了展开和折叠内容面板的功能,并且支持动画显示效果。

 

List:

clip_image015

支持选择一项或者多项数据。

 

Popup:

clip_image016

弹出框插件

 

Progress Bar:

clip_image018

给最终用户直观的操作进度提示,并可对该控件的外观进行自定义。

 

Slider:

clip_image020

提供了一种简单的,最终用户熟悉的方式,让其在预定范围内选择一个值。

 

分隔容器插件Splitter:

clip_image022

通过能移动和折叠的滑块将容器控件分为单独的两个面板,该控件还支持嵌套使用。使用该控件能让您网站的布局更加专业、优美。

 

Superpanel:

clip_image024

可在您的Web程序中添加自定义滚动、调整大小,圆角,还可给任意面板增加阴影。

 

Tab:

clip_image026

可将多个页面内容组织到不同标签下的控件,易于组织和导航Web页面的内容。

 

 

Tooltip:

clip_image028

提示插件。

 

Video:为ASP.NET系统提供了HTML5视频播放器。支持在线流媒体、视频播放、书签、嵌入广告、全屏播放和音量控制等功能。

 

为了统一、炫丽的界面。我们可以提供哪些样式风格?

口说无凭。放出截图,预设风格:

clip_image030

clip_image031

 

使用 Theme Roller 定制样式:

Wijmo最方便使用的特点之一就是兼容ThemeRoller。ThemeRoller 是一个创建独特的jQuery UI web 部件主题皮肤的web应用程序。凭借其简单的界面和所见即所得的预览功能,你可以用比使用图形编辑器更短的时间为你的Wijmo部件以及其他兼容ThemeRoller的部件创建皮肤。

clip_image032

clip_image034

好了,我们的 开源Wijmo jQuery 插件集开篇就介绍到这里,是不是很感兴趣呢?请持续关注我们的博客,更多精彩内容即将上演!!!

在下一章节中我们将分享使用开源Wijmo jQuery 控件集的准备工作。

最后,和大家分享一些资源吧:

1.开源 Wijmo jQuery 插件集优先体验,请下载:Wijmo-Open

2.更多信息请参考:Wijmo 中文网站:http://www.gcpowertools.com.cn/products/c1_asp_overview.htm

3.开源Wijmo jQuery 讨论社区: http://gcdn.grapecity.com/index.aspx

posted @ 2012-09-10 14:44  葡萄城开发工具  阅读(9445)  评论(22编辑  收藏  举报