`
icejadelove
  • 浏览: 140316 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

常用jQuery web工具集5

阅读更多

Tag Clouds

Tag Clouds提供标签云样式,并为标签云添加排序功能。
tagcloud.gif

Tag Clouds

Zoom_Icon

利用CSS与jQuery,实现在图片表面添加放大图标。
Zoom_Icon.jpg

Zoom_Icon

Image

Simple jQuery Modal Window

这是一个采用jQuery开发,可自定义外观的简单模式对话框。
Simple-jQuery-Modal-Window.jpg

Simple jQuery Modal Window

Window

Side Navigation Tooltip

利用jQuery为侧面导航菜单添加Tooltips气泡提示说明。
Tooltip_jQuery.jpg

Side Navigation Tooltip

Tooltips

Smart Tooltips

这是一个利用CSS与jQuery实现的,拥有透明气泡框的Tooltips控件。
SmartTooltips.jpg

Smart Tooltips

Tooltips

jqueryBook

基于jQuery实现的产品展示控件。提供导航控制按纽,提示产品详细信息的气泡。
jqueryBook.jpg

jqueryBook

jQuery.ptTimeSelect

jQuery.ptTimeSelect是一个上下午时间选择UI控件。
jQuery_ptTimeSelect.jpg

jQuery.ptTimeSelect

DatePicker

loopedSlider

jQuery Content Slider插件,支持循环播放。
loopedSlider.jpg

loopedSlider

Slider

slideViewer

利用这个jQuery插件,只需几行代码就能够将一组无序的图片列表转换成可导航控制的相册。
slideviewer.jpg

slideViewer

Gallery Image Slider

Autobox2

Autobox2这个jQuery插件,可以用于创建类似于Facebook风格的AutoComplete控件。
Autobox2.gif

Autobox2

jqTransform

jqTransform是一个表单换肤插件jQuery插件,它能够为普通的表单Form加上漂亮的外观。
jqTransform.jpg

jqTransform

Forms

Ajax Tooltip script

这个Tooltip根据页面标签title属性指定的链接地地通过Ajax获取气泡要显示的内容。
Ajax_Tooltip.jpg

Ajax Tooltip script

Tooltips

MarkitUp

MarkitUp是一个轻量级,可定制,灵活的WYSIWYG Editor。

  • 支持快捷键
  • 支持Ajax动态预览
  • 支持IE7、Safari3.1、Firefox2、Firefox3、IE6和Opera9+
  • 支持html、Wiki、BBScode等编辑格式
    markitup.jpg

    MarkitUp

    Editor

  • tabSwitch

    tabSwitch是一个能够帮助开发人员轻松创建Tabs与sliders的jQuery插件。有7种效果2种样式可供选择。tabSwitch可以自动或手动播放每一个tab/slide。
    tabSwitch.jpg

    tabSwitch

    Slider Tabs

    jSelect

    jSelect这个jQuery插件能够用于管理Select标签中的Option子标签。提供从各种数据源添加Option标签如:JS数组、XML文档或JSON数据等。
    jSelect.jpg

    jSelect

    Forms

    s3Capcha jQuery plugin

    这个jQuery插件能够让你用选择图片的方式来代替填写验证码的验证方式。
    s3Capcha.jpg

    s3Capcha jQuery plugin

    Forms Php

    InputLabel

    InputLabel这个jQuery插件能够为文本输入框添加备注说明。并且当输入框获得焦点时,备注说明自动消失。支持为备注说明设置字体颜色。
    inputLabel.jpg

    InputLabel

    Forms

    Table Drag and Drop JQuery plugin

    这个jQuery插件能够为HTML表格添加行拖放(Drag and Drop)功能。
    tablednd.jpg

    Table Drag and Drop JQuery plugin

    Thumbnail Hover Effect

    利用jQuery实现当鼠标悬停在缩略图上时自动增加大图片的效果。
    Thumbnail_Hover_Effect.jpg

    Thumbnail Hover Effect

    Effects Image

    jcUpload

    jcUpload是一个采用Flash与jQuery实现的Ajax文件上传组件。支持文件上传进度条提示。支持多文件上传,用户可以在文件选择框按住Ctrl或Shift键一次选择多个文件。支持自定义文件扩展名过滤,限制个别文件大小,控制待上传文件队列大小/数量。易于自定义外观。
    jcUpload.jpg

    jcUpload

    JQTreeTable

    JQTreeTable这个jQuery插件能够将普通的HTML表格转换成带有嵌有Tree控件的表格。
    JQTreeTable.jpg

    JQTreeTable

    Grid Tree

    jQuery Popup Bubble

    利用jQuery实现当鼠标移到链接上时弹出一个气泡提示框。
    jQuery_Popup_Bubble.jpg

    jQuery Popup Bubble

    jTwitter

    jTwitter(jQuery Twitter API)利用这个jQuery插件,给定一个Twitter用户名,就能够获取包含该用户详细信息的javascript对象包括:followers&following counts,full name,homepage URL等。

    jTwitter

    beautyOfCode

    beautyOfCode这个jQuery插件能够对html页面中各种源代码的语法进行着色显示。封装自Syntaxhighlighter并添加对xhtml兼容支持。
    beautyOfCode.jpg

    beautyOfCode

    Highlight

    Chili

    Chili是一个jQuery源代码语法着色/高亮插件。具有以下特性:

  • 着色非常快,易于使用,完全可定制,文档丰富。
  • 支持显示行号。
  • 在Internet Explorer、Firefox、Opera和Safari等浏览器上显示同样的效果。
  • 默认支持的源代码类型包括:C++、C#、CSS、Delphi、Java、JavaScript、LotusScript、MySQL、PHP和XHTML。
  • 完全支持正则表达式,包括反向引用。
    Chili.jpg

    Chili

    Highlight

  • jQuery Password Strength Meter

    这是一个采用jQuery实现的密码强度检查器。
    jQuery_Password_Strength_Me2.jpg

    jQuery Password Strength Meter

    Validation

    jPlayer

    jPlayer是一个用于控制和播放mp3文件的jQuery插件。它在后台使用Flash来播放mp3文件,前台播放器外观完全可以使用XHML/CSS自定义。支持:

  • 选择需要播放的Mp3文件。
  • 播放、暂停、停止控制。
  • 音量控制。
  • 取得播放进度等信息。
    jPlayer.jpg

    jPlayer

  • jQuery Google Charts

    jQuery Google Charts是一个封装Google API charts的jQuery插件,提供了更加简易的使用方法。
    jgcharts.jpgjgcharts1.jpg

    jQuery Google Charts

    Charts

    Image rotator

    这是一个使用jQuery与CSS实现带有图片描述说明的图片轮播插件。
    image_rotator.jpg

    Image rotator

    Image

    Tokenizing Autocomplete Text Entry

    一个jQuery插件能够让用户从一个预设的列表中,选择多个项目。并提供Autocompletion功能来帮助用户搜索项目。支持通过CSS控制和定制布局。能够缓存搜索结果减少服务器加载次数。支持用鼠标或键盘来选择项目。提供平滑的动画数据加载效果。
    Tokenizing.jpg
    Tokenizing_Autocomplete_Tex.jpg

    Tokenizing Autocomplete Text Entry

    Gmail/Facebook Style jQuery Chat

    Gmail/Facebook风格的Ajax控件,集成到现有网站极其简单。聊天窗口与Gmail相似都是从右下角弹出。提供最小化和关闭窗口的功能。能够自动调整消息输入框大小。当消息比较多时,会自动滚动窗口。
    Gmail_Facebook.jpg

    Gmail/Facebook Style jQuery Chat

    FullCalendar

    FullCalendar是一个jQuery日历插件,它使用Ajax来获取每一个月的日历事件并能够配置成使用自己的日历事件来源比如从Google Calendar获取事件。支持拖放日历中的事件,自定义点击和拖放事件。
    FullCalendar.jpg

    FullCalendar

    Calendar

    jquery week-calendar

    这是一个周日历jQuery插件。能够在周日历网格中显示事件。日历事件可以从数组,URL或JSON取得。日历事件可以被随意拖曳,调整占用区域的大小。在该插件初始化时会自动滚动到当前时间所在的单元格。可以自定义各种事件的回调操作比如:drag、drop、resize、mouseover、click等。可以按自己需求扩展该插件的核心日历事件数据结构。
    jquery_week-calendar.jpg

    jquery week-calendar

    Calendar

    jQuery UI.Layout

    这是一个模仿ExtJS区域布局(Border Layout)实现的jQuery UI页面布局管理器。简单易于使用,东南西北中5个区域可以嵌套使用,外观可以通过CSS控制。
    layout.jpg

    jQuery UI.Layout

    Create a Slick and Accessible Slideshow Using jQuery

    这是一篇介绍如何利用jQuery创建Slideshow的文章。
    15-02_slick_accessible_fina.jpg

    Create a Slick and Accessible Slideshow Using jQuery

    Slideshow

    jQuery Scroll to Top Control

    这个控件用于当网页比较很长时,会在页面右下脚出一个浮动按纽,用户点击该按纽时自动滚屏回到页面的顶部。

    jQuery Scroll to Top Control

    vTip

    vTip是一个非常轻量级(1.11KB js、272b CSS)的tooltips jQuery插件。
    vTip.jpg

    vTip

    Tooltips

    jQuery Simple Tree

    jQuery Simple Tree是一个可拖放的树形控件。支持通过Ajax动态加载树节点,具有简单易于使用和漂亮的外观等特点。
    SimpleTree.jpg

    jQuery Simple Tree

    Tree

    jqPlot

    jqPlot是一个jQuery绘图插件,可以利用它制作漂亮的线状图和柱状图。jqPlot支持为图表设置各种不同的样式。提供Tooltips,数据点高亮显示等功能。
    leftcharts.jpg
    leftcharts1.jpg

    jqPlot

    Charts

    jQuery Tools

    jQuery Tools提供一组当今网站常用到的几个Web UI控件。而且这些组件单个JavaScript文件只有5.8Kb大小。这些控件包括:tabs、tooltip、overlay(模式对话框)、expose(让页面任意元素突出显示)、Slider、flashembed(简化Flash插入方法)。
    jQuery_tool_Slider.jpg
    jQuery_tool_tooltip.jpg

    jQuery Tools

    jQuery Superbox!

    jQuery Superbox!是一个jQuery插件用于创建可定制的模式对话框(效果与lightbox相似)。它可以展示任意类型的内容包括iframes,默认为图片类型(支持单张或多张模式)。模式对话框的尺寸可以根据展示的内容自动调整,也可以定义一个标准展示尺寸。
    Superbox.jpg

    jQuery Superbox!

    Lightbox Window

    NotesForMenu

    NotesForMenu是一个非常简单的jQuery插件用于创建多层级树形菜单,只需一行代码就能够实现。
    NotesForMenu.jpg

    NotesForMenu

    Tree

    jQuery Inline Form Validation Engine

    这是一个采用Tooltip效果显示校验提示信息的表单校验jQuery插件。
    img_form.jpg

    jQuery Inline Form Validation Engine

    Forms

    jQuery Drop Line Menu

    这个jQuery插件能够将一个嵌套的UI列表转换成一个具有层级关系的水平下拉菜单。
    Drop_Line_Menu.jpg

    jQuery Drop Line Menu

    Menu

    jMonthCalendar

    jMonthCalendar是一个jQuery插件用于创建以月视图显示的事件日历表(event calendar)。jMonthCalendar支持跨天的事件和通过拖放操作更新事件数据。
    jMonthCalendar.jpg

    jMonthCalendar

    Calendar

    jQuery Content Slider

    这是一篇介绍如何利用jQuery与jQuery UI实现内容自动滑动变换的Slider控件。
    jquery-ui-content-slider.jpg

    jQuery Content Slider

    Slider

    Stylish Select Box

    Stylish Select Box是一个用于创建可自定义下拉框外观风格的jQuery插件。
    StylishSelectBox.jpg

    Stylish Select Box

    Forms

    jQuery DateInput

    jQuery Date Input是一个简洁,快速,轻量级,漂亮的日期选择控件。DateInput可自定义日期的显示格式,同时支持多种语言包括中文。
    jQueryDateInput.jpg

    jQuery DateInput

    DatePicker

    Simple Slider

    一个简单相册导航浏览jQuery插件。提供左右两个按纽进行导航控制。
    simple_slider.jpg

    Simple Slider

    Slider

    jQuery Simple Transition

    jQuery Simple Transition是一个轻量级的jQuery插件,可以帮助你在多张不同的图片之间实现各种不同的切换效果。比如:放大/缩小,淡入/淡出,上下翻滚。
    SimpleTransition.jpg

    jQuery Simple Transition

    iPhone Style Checkboxes

    这是一个利用jQuery框架实现的iPhone风格Checkboxe控件。
    iphone-checkbox.jpg

    iPhone Style Checkboxes

    Forms

    Recreating the MobileMe Web Gallery Interface

    这篇文章介绍如何利用CSS和少量jQuery代码来创建一个界面与Mac MobileMe网络相簿相似的Web Gallery。
    MobileMe_Web_Gallery.jpg

    Recreating the MobileMe Web Gallery Interface

    Gallery Image

    Build a Web 2.0 Document Search Site

    在这篇文章中介绍了如何利用jQuery创建一个按文档扩展名进行过滤的文档搜索界面。通过这篇文章将会学习到较多的jQuery使用技巧和技术。
    Web2.0_Document_Search_Sit.jpg

    Build a Web 2.0 Document Search Site

    jQuery Menu Effect Plugin

    这个jQuery插件包含6种动画特效。用于当鼠标滑过菜单栏时产生各种特效,让整个菜单栏更加引人注意。这6种效果包括:淡入/淡出,跳跃,闪烁,向上/向下滚动,颤动。

    jQuery Menu Effect Plugin

    Effects

    jSlickmenu

    jSlickmenu是一个利用CSS3的一些特性(如:旋转、阴影)与jQuery实现的Slick menu。jSlickmenu具有易于使用,外观cool,可定制等特性。
    jSlickmenu.jpg

    jSlickmenu

    Menu

    Cookies

    这是一个JavaScript library用于获取和操作HTTP cookies。可以利用它来取得当前浏览器所有cookies列表,设置/删除cookies,检测当前浏览器是否支持Cookies。该library并不一定需要依赖jQuery才能使用,但当在页面中有包含jQuery时,可以将表单中的Field自动添加到cookies,或利用已经存在cookie值自动填充Form Fields。

    Cookies

    Other

    FormClear

    这是一个当单击Text,Password和Textarea输入框时,会将其中的默认值清空的jQuery插件。

    FormClear

    Forms

    jmpopups

    jmpopups是一个可同时打开多个模式对话框的jQuery插件。弹出窗中的内容可以从当前页面中获取,也可以利用Ajax获取。jmpopups兼容大部分浏览器包括:IE6+、FF1.5+、Opera9.*、Chrome2.*、Safari 4.*。
    jmpopups.jpg

    jmpopups

    Window

    jQuizMe

    jQuizMe是一个采用jQuery开发的Web测验程序。支持的测验题型包括:填空,多选择,判断,Flash Cards等。
    jQuizMe.jpg
    jQuizMe.jpg

    jQuizMe

    jquery-rollover-tooltip

    利用jQuery实现当鼠标移过图标上方时会出现一个气泡(tooltip),气泡中的内容读取自html tags属性。
    rollover.jpg

    jquery-rollover-tooltip

    分享到:
    评论

    相关推荐

      基于Jquery插件的 Web 快速开发工具

      此外,工具还可能提供了一些常用的Jquery插件模板,如Bootstrap、jQuery Validate等,以便开发者快速启动新功能的开发。这不仅可以节省时间,还可以确保代码质量,因为生成的代码通常遵循最佳实践和标准。 在实际...

      jQuery 常用版本大全

      总的来说,jQuery提供了一个强大且易用的工具集,让JavaScript开发更加高效。通过熟悉和掌握不同版本的特性,你可以更好地应对各种项目挑战。在实际工作中,确保选择与项目需求相匹配的jQuery版本,以确保最佳的兼容...

      20款非常优秀的 jQuery 工具提示插件 推荐

      5. **The Tooltip Banner**:以横幅形式展示工具提示,可以自定义其样式和内容。 6. **Tip Tip**:由code.drewwilson开发,它能够通过简洁的代码快速实现工具提示。 7. **(mb) Tooltip**:一款轻量级的工具提示...

      jQuery常用功能大全

      这样一来,开发者可以在不修改jQuery源码的情况下为其添加更多实用工具方法。 ### 总结 本文介绍了jQuery的一些常用功能,包括页面元素的引用、jQuery对象与DOM对象之间的转换、获取集合中的某一项、实现set和get...

      jQuery常用工具集

      《jQuery常用工具集:动态数字、时间操作与颜色处理》 在Web开发中,jQuery作为一个强大的JavaScript库,因其简洁的语法和丰富的功能而备受青睐。本文将深入探讨jQuery中的几个重要工具,包括动态数字处理、时间...

      《从零开始学JQuery》Word版书籍及常用jquery资料

      《从零开始学JQuery》是一本非常...无论是用于增强用户体验、实现动态交互,还是优化代码效率,jQuery都是现代Web开发不可或缺的工具。通过深入学习和实践,你可以进一步提升自己的前端技能,为职业生涯增添更多可能。

      webHtml常用经典jquery、js插件.rar

      这个"webHtml常用经典jquery、js插件.rar"压缩包中包含了一系列实用的插件,适用于各种常见的网页功能实现。下面,我们将详细探讨这些标签所涵盖的知识点。 首先,**表单验证**是网页开发中的关键部分,确保用户...

      常用jquery

      **jQuery EasyUI 1.4:打造高效前端...总的来说,jQuery EasyUI 1.4为开发者提供了一个强大而便捷的工具集,用于构建功能丰富的Web应用程序。通过掌握以上知识点,开发者可以更高效地构建出具有专业水准的前端界面。

      jQuery 常用代码段

      9. **工具方法**:jQuery提供了一系列实用的工具方法,如`$.extend()`用于合并对象,`$.trim()`用于去除字符串两端的空白,`$.inArray()`检查元素是否存在于数组中。 10. **版本兼容性**:jQuery有良好的浏览器兼容...

      从零开始学jquery

      jQuery简化了HTML文档遍历、事件处理、动画设计和Ajax交互,是Web开发中的常用工具。 ### (一) 开天辟地入门篇 在入门阶段,首先需要了解jQuery的基本概念。jQuery的核心在于它的选择器和链式操作,这些使得对DOM...

      Jquery和jquery的常用插件

      总的来说,jQuery和这些插件的组合,为开发者提供了强大而全面的工具,使得在Web开发中实现各种交互和视觉效果变得更加便捷。理解并熟练掌握这些技术,对于提升Web应用的用户体验和开发效率具有重要意义。

      Jquery封装的地图工具

      本篇文章将详细介绍如何利用jQuery来封装常用的地图工具,包括地图的缩放和测量功能,以提升开发效率和用户体验。 首先,我们需要理解jQuery的核心优势。jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、...

      jquery关键词组拆分工具插件

      通过封装JavaScript的常用操作,jQuery使开发者能更快速、更简单地编写动态网页。其核心特性包括选择器(用于选取DOM元素)、链式操作(允许连续调用方法)和高效性能(优化了DOM操作)。 二、关键词组拆分工具插件...

      jQuery Mobile开发常用技巧

      ### jQuery Mobile 开发常用技巧详解 #### 一、概述 jQuery Mobile 是一款基于 HTML5 的前端框架,用于构建响应式的移动应用。它以其强大的功能、灵活性及易用性深受开发者喜爱。本文将深入探讨 jQuery Mobile 开发...

      JQUERY1.4.1组件合集

      **jQuery 1.4.1 组件...总结,jQuery 1.4.1组件合集是一个包含多种功能和插件的资源包,它提供了强大的工具,让Web开发变得更为高效和便捷。无论是新手还是经验丰富的开发者,都能从中受益,提升项目质量和开发效率。

      100个常用的jquery特效和插件

      综上所述,“100个常用的jQuery特效和插件”为开发者提供了大量的工具和灵感,它们可以帮助我们快速构建动态、交互性强的Web应用,同时减少编写底层代码的工作量。无论是初学者还是经验丰富的开发者,掌握这些特效和...

      myExcel基于jquery实现的web版excel包含excel的基本功能

      myExcel是一款基于jQuery库开发的Web版Excel工具,旨在为用户在浏览器环境下提供类似Microsoft Excel的功能,便于在线处理和编辑表格数据。这个项目的核心在于利用JavaScript的灵活性和jQuery的便利性,来模拟传统...

      jquery apijQuery 工具包

      这个工具包,名为 "jQuery_api_for_dw3",可能包含了关于如何在Dreamweaver 3中使用jQuery API的详细文档和示例。 1. **DOM 操作**:jQuery 的核心功能之一是方便的 DOM(Document Object Model)操作。它提供了...

      jquery ui1.10 api中文web版

      总结来说,jQuery UI 1.10 API中文Web版是Web开发者的重要工具,通过它,开发者可以轻松实现各种交互效果,提升网站的用户体验,同时也降低了开发复杂度。无论是初学者还是经验丰富的开发者,都应该深入学习和掌握这...

      JQuery常用属性说明

      掌握这些JQuery的常用属性和Ajax方法,将使你能够更加高效地构建动态和交互性强的Web应用。无论是处理用户输入、响应用户交互还是与服务器进行异步通信,JQuery都提供了强大的工具来简化工作流程。

    Global site tag (gtag.js) - Google Analytics