zoukankan      html  css  js  c++  java
  • 不得不爱开源 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

  • 相关阅读:
    PHP中多维数组var_dump展示不全
    postman 请求接口 Could not get any response
    TP5中用redis缓存
    前端控制台 JavaScript函数报错 SyntaxError: expected expression, got ';' SyntaxError: expected expression, got 'if'
    jQuery 虚拟数字键盘代码
    判断当前点击的是第几个标签 例如 <li></li> 、<option></option>
    layui checkbox , radio 清除所有选中项
    layui select 联动渲染赋值不了数据的问题
    TP5 isEmpty() 判空方法 所用场景
    排序(插入排序、折半插入排序、希尔排序、冒泡排序、快速排序、简单选择排序、堆排、归并排序、基数排序)
  • 原文地址:https://www.cnblogs.com/C1SupportTeam/p/2678728.html
Copyright © 2011-2022 走看看