常用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,UI,Web,Ajax,css)