`
xiaofengtoo
  • 浏览: 491951 次
  • 性别: Icon_minigender_1
  • 来自: xiamen
社区版块
存档分类
最新评论

jQuery Tools:我们期待已久的内容展示

阅读更多

"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 设计中,这几乎是最受欢迎的一种技术,可以用在下面这些场合:

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

jQuery Tools / Flashembed

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

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

本文来源:http://www.noupe.com/jquery/jquery-tools.html

分享到:
评论

相关推荐

    jQuery 实例:标签切换

    在本实例中,我们将深入探讨如何利用jQuery实现一个功能丰富的“标签切换”功能,这在网页设计中非常常见,用于展示多个内容块而只显示一个块于用户面前。这种交互方式能够优化用户体验,使用户更容易浏览和理解页面...

    JQuery-Tools(含Demo)

    在"JQuery-Tools(含Demo)"这个压缩包中,我们很可能会找到以下资源: 1. **jquerytools-master**:这是主项目文件夹,可能包含了jQuery Tools的所有源代码、文档、示例和资源。 - **src**:源代码目录,可能...

    jquerytools

    3. Scrollable(滚动条):在网页中,有时我们需要对长内容进行滚动展示,jQueryTools的Scrollable模块允许开发者创建可滚动的区域,并提供了平滑滚动、自动加载新内容等高级功能,让滚动体验更加流畅自然。...

    jquery tools

    jQuery Tools是一款基于jQuery库的轻量级用户界面(UI)框架,它专注于提供一系列实用的交互组件,使得网页开发人员能够快速构建具有丰富用户体验的Web应用程序。这款工具集以其简洁的API和高效的性能赢得了开发者们...

    jquery.tools jquery.tools

    jquery.tools jquery.toolsjquery.toolsvjquery.toolsjquery.tools

    《JQuery Tools UI Library》PDF

    ### 《JQuery Tools UI Library》关键知识点解析 #### 一、引言 《JQuery Tools UI Library》是一本深入探讨jQuery Tools库使用的书籍,它不仅提供了清晰实用的例子,还激发了读者对于如何利用该库开发自己想法的...

    jquery.tools.min

    《jQuery Tools:高效实现JavaScript功能的利器》 jQuery Tools,简称为jqTools,是一个轻量级的JavaScript库,尤其在处理用户界面交互方面表现出色。标题中的"jquery.tools.min"表明我们正在讨论的是这个库的压缩...

    jquery tools插件之tabs

    在实际项目中,我们可以利用jQuery Tools的Tabs来组织大量内容,比如产品介绍、用户评论、文档列表等。通过结合其他jQuery Tools组件,如Overlay或Scrollable,可以构建更复杂的用户界面,如滑动面板、下拉菜单等。 ...

    jquery tools系列 expose 学习

    通过上述这些知识点,我们可以了解到如何使用JQuery Tools的Expose功能以及如何对其进行定制化配置,以实现更加丰富的用户交互体验。在实际开发中,合理利用这些功能和属性可以使网页表现更加动态和有趣。

    jQuery: Novice to Ninja

    作者通过几个简单的例子展示了如何快速上手jQuery,并解释了为什么它成为JavaScript库中的佼佼者。 2. **选择、装饰和增强元素 (第2章)** - **章节内容**:本章重点介绍了如何使用jQuery来选择DOM元素并对其进行...

    jquery.tools.min.js 最新的1.2.7版本

    jquery.tools.min.js 最新的1.2.7版本 jquery.min.js是压缩版的jquery库,是由完整版的jQuery库经过压缩得来,压缩后功能与未压缩的完全一样,只是将其中的空白字符、注释、空行等与逻辑无关的内容删除,并进行一些...

    jquery tools 的scrollable demo

    **jQuery Tools Scrollable Demo** jQuery Tools 是一个强大的JavaScript库,它提供了一系列的UI组件,用于增强和美化网页的交互性。...通过学习和实践,我们可以创建出富有吸引力且易于使用的滚动内容展示。

    E文版 jQuery Tools UI Library

    **jQuery Tools UI Library** jQuery Tools 是一个开源的JavaScript库,专为增强HTML页面的用户体验而设计,特别是针对那些不支持现代Web技术的老式浏览器。它由Alex Libby编写的PDF文档详细介绍了这个库,该文档...

    jquery tools ui library

    他使用jQuery Tools已有18个月之久,并享受通过jQuery和jQuery Tools,特别是使用渐进式增强的方法论来解决常见问题带来的挑战。 该部分内容还强调了书中内容的准确性,但同时也声明了书中信息没有任何形式的保证,...

    jQuery插件:可拖动的图片展示实例(效果超酷)

    本文将深入探讨一个基于jQuery的插件,该插件实现了可拖动的图片展示功能,为用户提供了一种超酷的互动体验。 首先,我们需要理解jQuery的核心概念。jQuery提供了一种简洁的API,使得开发者可以方便地操作DOM...

    Using jQuery Tools in WordPress

    在本书中,我们已经探讨了使用jQuery Tools所能实现的各种可能性。然而,这些探索大多是在独立环境中进行的。本章节将重点转向如何在内容管理系统(Content Management System, CMS)如WordPress中运用这些工具。 ###...

    jQuery-Tools-overlay 使用介绍

    jQuery Tools standalone demo</title> <!– include the Tools –> [removed][removed] <!– standalone page styling (can be removed) –> <link rel=”stylesheet” type=”text/css” href=”./...

    Packt.jQuery.Tools.UI.Library

    9. **案例研究**:通过实际项目案例,展示如何在不同场景下应用jQuery UI,如电子商务网站、内容管理系统等,让读者能够将所学知识付诸实践。 10. **进阶主题**:对于有经验的开发者,书中可能还会涉及一些高级话题...

    jQuery Tools tab使用介绍

    jQuery Tools 是一个强大的JavaScript库,特别适用于创建交互式的网页元素,如滚动条、工具提示、遮罩和我们这里关注的——选项卡(tabs)。在本文中,我们将深入探讨如何使用jQuery Tools来创建和管理选项卡。 ...

    Applied jQuery: Develop and Design

    通过以上内容的学习,读者不仅能够掌握jQuery的基本操作,还能学会如何将jQuery与其他Web开发技术结合起来,构建功能强大且用户友好的Web应用。此外,《应用于实践的jQuery: 开发与设计》还提供了一系列实用的技巧和...

Global site tag (gtag.js) - Google Analytics