芒果小站

  1. 全球最具业界良心的主机 - DigitalOcean

    毫无疑问,目前做得最好的主机供应商

    猛击这里查看

  2. 芒果小站目前使用的主机 - DigitalOcean

    客服响应快,随时退款,XEN 架构稳定

    猛击这里查看

  3. 最好的日本东京线路主机 - DigitalOcean

    可选弗里蒙特、达拉斯、亚特兰大、纽瓦克、伦敦、东京机房

    猛击这里查看

  • 1
  • 2
  • 3
切换到精简模式
3

jQuery Tools,期待已久的内容展示型 Web UI 库

作者 芒果/分类 代码/发布于 2009-10-08 23:11

jQuery Tools 是一套非常优秀的 Web UI 库,包括 Tab 容器,可折叠容器,工具提示,浮动层以及可滚动容器等等,可以为你的站点带来非同寻常的桌面般体验,这套工具的主要作用是显示内容,这是绝多多数站点最需要的东西。这套令人惊异的 UI 库只有 5.59K 大小,基于 MIT 和 GPL 两种许可模式。

和别的 Web UI 库不同,别的 UI 库很多是面向行为的,如拖放,滚动,表格排序,可拖放窗口等等,它们更适合于 富 Web 应用,如 Email 客户端,任务管理,图片组织整理等。而 jQuery Tools 主要面向内容展示,因此更适用于单纯的内容型网站。

jQuery Tools 使用也很简便,只需几行调用代码即可,其官方站点包含大量演示和调用代码可以参考。以下是该 UI 库中包含的主要 UI 工具介绍。

jQuery Tools / Overlay

Overlay(浮动层)可以用来浮动在任何 HTML 对象的上方,在现代 Web 设计中,浮动层是一种非常有效的 UI 概念,可以用来

1. 着重显示你的产品。
2. 显示警示信息。
3. 提示用户输入。
4. 以灯箱风格浏览图片库。

jQuery Tools / Overlay 可以很轻松地处理上述各种情形和各种效果。

jQuery Tools / Tooltip

工具提示是 Web 上最实用的工具,Web 默认的提示工具太简陋,jQuery Tools / Tooltip 会以一种非常漂亮的视觉效果显示提示内容。

jQuery Tools / Tabs

Web 上最受欢迎的 UI 部件当属 Tab 容器,如果没有 Tab,我们的很多网页不知要多么混乱,所有用户都熟悉 Tab 这种用户友好的部件,jQuery Tools / Tab 非常好用,甚至可以使用浏览器的前进后退导航按钮在 Tab 间前进或后退。

jQuery Tools / Scrollable

jQuery Tools / Scrollable 可以在网页中实行定制的,局部的滚动,在现代 Web 设计中,这几乎是最受欢迎的一种技术,可以用在下面这些场合:

1. 产品目录
2. 滚动新闻
3. 在表单中实现定制选择框
4. 浏览图片库
5. 视频播放列表
6. 各种站点导航

jQuery Tools / Flashembed

如今 JavaScript 真是越来越快了,所有浏览器都在 JavaScript 引擎上较量,我们会看到越来越多的基于 JavaScript 的 Web 部件面世,然而至少在当下, Flash 仍有其用武之地,比如播放视频。

jQuery Tools / Flashembed 可以用来在网页中加载 Flash 对象,虽然类似的工具比比皆是,但 Flashembed 绝对是其中最好用的一个。

英文原稿:http://www.noupe.com/jquery/jquery-tools.html
翻译整理:jQuery Tools:我们期待已久的内容展示型 Web UI 库 | COMSHARP CMS

版权所有,转载请注明出处。
转载自 <a href="http://mangguo.org/jquery-tools-long-awaited-content-showcase-web-ui-library/" title="jQuery Tools,期待已久的内容展示型 Web UI 库" rel="bookmark">jQuery Tools,期待已久的内容展示型 Web UI 库 | 芒果小站</a>
如果喜欢这篇文章,欢迎订阅芒果小站以获得最新内容。

已经有 3 条群众意见

  1. 万戈 /2009-10-09 14:38

    太帅了这个,我要收藏起来。 回应

    #1
  2. bolo /2009-10-17 23:15

    这套东西很久以前就知道了,做得非常漂亮。 回应

    #2
  3. ?
    jQuery Tools,期待已久的内容展示型 Web UI 库 | zend实验室-java/php学习教程、web前端设计、网站建设、网页设计、网络SEO推广 /2011-05-05 00:38

    […] 转载至:jQuery Tools,期待已久的内容展示型 Web UI 库 | 芒果小站 分类: javascript, 其它 标签: 临时 30+ 新鲜惊奇的 jQuery 插件与教程8 款开源 JavaScript 框架25个顶级PHP模板引擎HTML 中的 base 标记简介CSS 中文字体 Unicode 编码方案Web 开发与设计师速查手册大全(上)CSS3 Please! CSS3 即时预览体验快速转换 CSS 字体 Unicode 编码CSS 前景图片合并技术使用 jQuery 操作 DOM:10+ 有用的代码片段 评论 (0) Trackbacks (0) 发表评论 Trackback […] 回应

    #3

下面我简单说几句