2010年4月：最佳的jQuery插件

五

2010

2010年4月：最佳的jQuery插件

3D Cloud Carousel

这是一个可以实现快速的、跨浏览器的三维旋转木马展示图片，看起来非常漂亮，就像是完完全全用Flash来实现。它可以在旋转木马项目中动态创建映象，即使没有JavaScript，也是可以访问的，不降低效果。

TopSlideBox

TopSlideBox 是一款轻量级的，简单易用的jQuery灯箱效果插件，从页面的顶部向下滑动。

SimpleModal

SimpleModal 也是一个轻量级的jQuery插件，通过一个简单的界面来创建模拟对话框。

jQuery modalBox

jQuery modalBox 是一款简单的，可以自定义多个模拟对话框的jQuery插件。这块插件是在JavaScript的jQuery库之上编写而成，显示内嵌的内容、AJAX方式获取内容服务及图片等。

NavIt

NavIt 是一款强大的插件，可以将HTML列表转换为导航。包含有很多的选项，如：横向导航、垂直导航、手风琴样式系统及下拉菜单系统等等。

DrawBox

DrawBox 可以轻松地为您的站点添加一个可绘制（点击和拖动，触摸和移动）画布元素。我们的本意是为了在网页表单中提供一个可以签名的字段，以便在iPad中查看。

zWeatherFeed – Yahoo! Weather plugin for jQuery

这个插件可以帮组您读取Yahoo！中的当前本地的天气预报。他提供HTML结构并结合内置的CSS类来定义样式。

Open Standard Media Player

The Open Standard Media(开放标准的媒体播放器)是一个集所有功能于一身的网络媒体播放器。这款媒体播放器随着行业的变动而演变，它是为动态传递任何网络媒体而建立的，包括HTML5，YouTube，Vimeo和Flash，基于开源（GPL）媒体播放器。

zLastFM – LastFM plugin for jQuery

这款插件是专门为Last.FM用户而开发的，它可以获取到最爱的曲目，最近的曲目，最佳专辑、最佳艺术家及热门歌曲（需要一个API密钥）。提供HTML结构并结合内置的CSS类来定义样式。

jQuery Tiny Watermark Plugin

它可以在任意的input, textarea 和select等元素中应用。只需给需要显示水印的元素指定特定的CSS类，文本就会显示水印效果。

FS.Magnify

jQuery的fsMagnify插件是一个简单的插件，通过点击图像它可以以一定的比例放大。

Star Rating widget

Star Rating 小工具基于jQuery JavaScript库的一个小插件，通过radio按钮或select下拉选项来创建星级显示控制。

Easy List Splitter Plugin for jQuery

该插件将会得到您的清单包装进一个容器层，生成许多您要求的列表，并均匀地将列表分到不同的列表项当中。如果列表不够均匀地分布到所有的列当中，那么它就会隐藏多于的列。

Halal IT has developed a jQuery Effect Plugin for our site to show our testimonials. This is a rocking plugin which lifts the last element of a parent element to top and slowly takes other elements down.

Multi Level Drop Down Menu

Multi Level Drop Down Menu (multi-ddm) takes an existing group of nested lists and activates it into a drop down menu.

jQuery Multiple Select Box Plugin

Replace browser’s default multiple select box with overflow: auto. Select Automatically when dragging and scrolling.

CropZoom

CropZoom is a plugin that let you select an area of an image to crop, also you can zoom in or zoom out, drag and also rotate. this plugins needs ui.droppable, ui.resizable, ui.slider from JQuery UI.

Bookmark

A jQuery plugin that sets a div to allow sharing of your page on various bookmarking sites.

Pagination

When you have a a large list of items (e.g. search results or news articles), you can display them grouped in pages and present navigational elements to move from one page to another. This plugin creates these navigational elements.

jFormMap Web forms

jFormMap is a plugin that creates fully functional formularies based on javascript objects definitions or JSON files. It renders fully integrated JSON data including both master and details.

nthFix

The nthFix plugin is used to modify CSS any values of the ‘nth’ occurrence of siblings with the same class. One implementation of this could be trim the right hand margin of the side of an element so as to allow all of those elements to line up neatly in a grid. Once the grid has been established you can then modify the bottom row of the grid to remove the bottom margin for instance.

Speedometer

A widget for displaying a percentage through a needle on a speedometer image. Despite use of canvas elements, this plugin works in Internet Explorer 7 through use of modified excanvas and jqcanvas files.

IE CSS shadows

Plugin emulate CSS3 text-shadow and box-shadow properties for Internet Explorer using proprietary filters.

dynamic editable

Dynamic editable allows edit context by clicking on it.

//For example:
$(‘#foo’).simpleDynamicEditable({defaultValue: ‘hello’})
// replace $(‘#foo’) with <span id=”foo”>hello</span>. After mouse click $(‘#foo’) is
//<input type=”text” value=”hello” id=”foo”>.

EvenIfHidden – Get layout information of hidden DOM elements

evenIfHidden is a jQuery plugin able to get layout information about a DOM element even in the case the element, or one of its containers, is hidden.

$(‘#box’).evenIfHidden( function(element) {
alert( element.width() );
});
<textarea>
<h3><a href=”http://plugins.jquery.com/project/py-format” rel=”nofollow”>$.format — Python-style string formatting</a></h3>
<p>An attempt to replicate, to some degree, python’s percent-style string formatting.</p>
<textarea class=”js” cols=”60″ rows=”30″ name=”code”>
num = 0; fruit = “bananas”
“Yes, we have %d %s” % (num, fruit)
//Would normally have to be written in javascript as
//num = 0; fruit = “bananas”
“Yes, we have “+num+” “+fruit
//With this plugin, this becomes
num = 0; fruit = “bananas”
$.format(“Yes, we have %d %s”, [num, fruit])

Enhanced Attribute Selectors

This plugin adds some extra non-standard functionality to the selector engine’s attribute filter. It can slow down attribute selection by about 10-50% but if you don’t need all the extra functionality feel free to edit it.

// filter by css styles:
jQuery(‘div[~display=block]‘);
jQuery(‘div’).filter(‘[~padding=2px]‘);
// by stored data:
jQuery(‘div[:mydata>=123]‘);

jQuery Morse Code

Encodes strings (characters) into Morse Code characters, and vice versa.

$.morse(‘test’, ‘encode’); // to decode a string just change the second argument to ‘decode’
//or:
$.morse(‘test’); // ‘encode’ is default
//Returns:
//- . … -