2010年最佳jQuery插件

最新推荐文章于 2020-07-10 11:52:30 发布
最新推荐文章于 2020-07-10 11:52:30 发布
阅读量1.2k 收藏
点赞数
分类专栏： jQuery 文章标签： jquery插件 2010 jquery javascript charts image

在2010年，JavaScript框架继续日渐普及，这使得大量的插件被开发出来。满目琳琅，难以选择心头之好。WDL的作者从大量的优秀 jQuery插件精心筛选出一些对Web Designers有帮助的和具备非常不错的视觉效果的Best of the best。

 

clip_image001

2010年最佳jQuery插件（排名不分先后）：

Nivo Slider

clip_image002

一个加载设置拥有9种过度效果的超级smooth slider，它还支持如链接图像和键盘导航等内容。

Quicksand

clip_image003

通过一个非常不错的洗牌动画实现选项内容重新排序，只需要指定源容器和替换源的目标collection 。新元素将会以奇特缩放+阿尔法效果出现，消失的元素(non-existant in destination collection)平滑地消失或重新排位，移动到它们的目标位置。

Spritely

clip_image004

Spritely 是一个由Artlogic开发的 jQuery插件，用于使用纯HTML和JavaScript创建动态物体和背景动画。

Lettering.js

clip_image005

Lettering.js是一个轻量经的、易于使用的 jQuery插件，可创造出极具个性的网页排版。

Colortip

clip_image006

Colortip可转换你的页面元素的标题属性为一系列色彩丰富的提示（当你的鼠标移动到不同的标题上会出现不同颜色的字体文本提示）。支持六种色彩主题，这样你可更加容易融合到你的个人网页中去。

Masonry

clip_image007

Masonry是一个 jQuery布局插件. 你可以将它看作CSS floats的另一面。浮动元素的排列是先水平后垂直，Masonry排列内容是根据一个网格先垂直后水平的。

gvChart

clip_image008

gvChart是一个使用Google Charts了的jQuery插件，可通过HTML table tag的数据实现交互可视化。它非常容易上手，此外它支持创建五种风格的图标。

Animated table sort

clip_image009

这是一个用于创建表格的jQuery插件，所创建的表格可以根据不同的列项目进行A-Z，升序排列，切换效果非常不错。

jQuery Image Scale Carousel

clip_image010

网站图片保持完整的纵横比比什么都重要。这个jQuery插件可以完美地在slider展示你所有的图片，而不需担心产生变形。 jQuery Image Scale Carousel插件自动改变你所有图片到适合大小，一切都是那么的简单。

YoxView

clip_image011

YoxView是一个免费的多媒体播放jQuery插件。它易于使用，功能丰富。你可以用它来展示各种媒体，如图像，视频，内嵌的内容，iframes，Flash等等。

MK编译  via  WDL

spring21st
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
2010年最佳jQuery插件整理
12-11
2010年最佳jQuery插件（排名不分先后）： Nivo Slider 一个加载设置拥有9种过度效果的超级smooth slider，它还支持如链接图像和键盘导航等内容。 Quicksand 通过一个非常不错的洗牌动画实现选项内容重新排序，只...
20款超赞的jQuery插件 Web开发人员必备
12-10
Lettering.js是一个轻量经的、易于使用的jQuery插件，可创造出极具个性的网页排版，是2010年最佳jQuery插件之一。  New FancyMoves Jquery Product Slider Jquery Product Slider是一款效果很不错的产品幻灯片插件...
基于jquery框架、google chart tools图形报表gvChart的应用心得
04-12 366
首先，介绍下gvChart：gvChart是一个利用Google Chart Tools来创建交互式图表（Charts）的jQuery插件。可创建的图表类型有Area、Line、Bar、Column和Pie五种。它使用HTML Tables做数据源来创建图表。 准备工作：引入JS <script type="text/javascript" src="http://www.go...
基于jquery框架，用gvChart处理后台数据制作图形报表
XjMartian的博客
07-10 1131
首先，介绍下gvChart： gvChart是一个利用Google Chart Tools来创建交互式图表（Charts）的jQuery插件。可创建的图表类型有Area、Line、Bar、Column和Pie五种。它使用HTML Tables做数据源来创建图表。 准备工作：引入JS <script type="text/javascript" src="js/jquery-1.8.3.js"></script> <script type="text/javascript" sr
好戏连台 2010年最佳jQuery插件揭晓
ligenyingsr的专栏
12-09 604
在2010年，JavaScript框架继续日渐普及，这使得大量的插件被开发出来。满目琳琅，难以选择心头之好。WDL的作者从大量的优秀jQuery插件精心筛选出一些对Web Designers有帮助的和具备非常不错的视觉效果的Best of the best。 <br /><br />在相继报道了2010十佳开源平台和中间件及最佳开源软件后，前不久2010年最佳jQuery插件又新鲜出炉。在2010年，JavaScript框架继续日渐普及，这使得大量的插件被开发出来。满目琳琅，难以选择心头之好。WDL的
文字特效-lettering--年度最佳插件
04-28
标题中的“文字特效-lettering--年度最佳插件”指的是一个名为Lettering.js的JQuery插件，它在2010年被业界评选为最佳插件之一。Lettering.js主要用于文字排版和特效处理，特别是在网页设计中创建复杂的文字布局和...
jQuery.gvChart-1.0.1
02-03
chartType You can use five different google charts, by setting chartType to one of: •AreaChart •LineChart •BarChart •ColumnChart •PieChart hideTable Default: true If set to false, it won't hide table while creating the chart.
图形jquery.gvChart-1.0.1.min.js
01-10
/* @license * jQuery.print, version 1.3.2 * (c) Sathvik Ponangi, Doers' Guild * Licence: CC-By (http://creativecommons.org/licenses/by/3.0/) *--------------------------------------------------------------------------*/ (function ($) { "use strict"; // A nice closure for our definitions function getjQueryObject(string) { // Make string a vaild jQuery thing var jqObj = $(""); try { jqObj = $(string) .clone(); } catch (e) { jqObj = $("<span />") .html(string); } return jqObj; } function printFrame(frameWindow) { // Print the selected window/iframe var def = $.Deferred(); try { setTimeout(function () { // Fix for IE : Allow it to render the iframe frameWindow.focus(); try { // Fix for IE11 - printng the whole page instead of the iframe content if (!frameWindow.document.execCommand('print', false, null)) { // document.execCommand returns false if it failed -http://stackoverflow.com/a/21336448/937891 frameWindow.print(); } } catch (e) { frameWindow.print(); } frameWindow.close(); def.resolve(); }, 250); } catch (err) { def.reject(err); } return def; } function printContentInNewWindow(content) { // Open a new window and print selected content var w = window.open(); w.[removed](content); w.document.close(); return printFrame(w); } function isNode(o) { /* http://stackoverflow.com/a/384380/937891 */ return !!(typeof Node === "object" ? o instanceof Node : o && typeof o === "object" && typeof o.nodeType === "number" && typeof o.nodeName === "string"); } $.print = $.fn.print = function () { // Print a given set of elements var options, $this, self = this; // console.log("Printing", this, arguments); if (self instanceof $) { // Get the node if it is a jQuery object self = self.get(0); } if (isNode(self)) { // If `this` is a HTML element, i.e. for // $(selector).print() $this = $(self); if (arguments.length > 0) { options = arguments[0]; } } else { if (arguments.length > 0) { // $.print(selector,options) $this = $(arguments[0]); if (isNode($this[0])) { if (arguments.length > 1) { options = arguments[1]; } } else { // $.print(options) options = arguments[0]; $this = $("html"); } } else { // $.print() $this = $("html"); } } // Default options var defaults = { globalStyles: true, mediaPrint: false, stylesheet: null, noPrintSelector: ".no-print", iframe: true, append: null, prepend: null, manuallyCopyFormValues: true, deferred: $.Deferred() }; // Merge with user-options options = $.extend({}, defaults, (options || {})); var $styles = $(""); if (options.globalStyles) { // Apply the stlyes from the current sheet to the printed page $styles = $("style, link, meta, title"); } else if (options.mediaPrint) { // Apply the media-print stylesheet $styles = $("link[media=print]"); } if (options.stylesheet) { // Add a custom stylesheet if given $styles = $.merge($styles, $('<link rel="stylesheet" href="' + options.stylesheet + '">')); } // Create a copy of the element to print var copy = $this.clone(); // Wrap it in a span to get the HTML markup string copy = $("<span/>") .append(copy); // Remove unwanted elements copy.find(options.noPrintSelector) .remove(); // Add in the styles copy.append($styles.clone()); // Appedned content copy.append(getjQueryObject(options.append)); // Prepended content copy.prepend(getjQueryObject(options.prepend)); if (options.manuallyCopyFormValues) { // Manually copy form values into the HTML for printing user-modified input fields // http://stackoverflow.com/a/26707753 copy.find("input") .each(function () { var $field = $(this); if ($field.is("[type='radio']") || $field.is("[type='checkbox']")) { if ($field.prop("checked")) { $field.attr("checked", "checked"); } } else { $field.attr("value", $field.val()); } }); copy.find("select").each(function () { var $field = $(this); $field.find(":selected").attr("selected", "selected"); }); copy.find("textarea").each(function () { // Fix for https://github.com/DoersGuild/jQuery.print/issues/18#issuecomment-96451589 var $field = $(this); $field.text($field.val()); }); } // Get the HTML markup string var content = copy.html(); // Notify with generated markup & cloned elements - useful for logging, etc try { options.deferred.notify('generated_markup', content, copy); } catch (err) { console.warn('Error notifying deferred', err); } // Destroy the copy copy.remove(); if (options.iframe) { // Use an iframe for printing try { var $iframe = $(options.iframe + ""); var iframeCount = $iframe.length; if (iframeCount === 0) { // Create a new iFrame if none is given $iframe = $('<iframe height="0" width="0" border="0" wmode="Opaque"/>') .prependTo('body') .css({ "position": "absolute", "top": -999, "left": -999 }); } var w, wdoc; w = $iframe.get(0); w = w.contentWindow || w.contentDocument || w; wdoc = w.document || w.contentDocument || w; wdoc.open(); wdoc.write(content); wdoc.close(); printFrame(w) .done(function () { // Success setTimeout(function () { // Wait for IE if (iframeCount === 0) { // Destroy the iframe if created here $iframe.remove(); } }, 100); }) .fail(function (err) { // Use the pop-up method if iframe fails for some reason console.error("Failed to print from iframe", err); printContentInNewWindow(content); }) .always(function () { try { options.deferred.resolve(); } catch (err) { console.warn('Error notifying deferred', err); } }); } catch (e) { // Use the pop-up method if iframe fails for some reason console.error("Failed to print from iframe", e.stack, e.message); printContentInNewWindow(content) .always(function () { try { options.deferred.resolve(); } catch (err) { console.warn('Error notifying deferred', err); } }); } } else { // Use a new window for printing printContentInNewWindow(content) .always(function () { try { options.deferred.resolve(); } catch (err) { console.warn('Error notifying deferred', err); } }); } return this; }; })(jQuery);
web前端开发-动态生成图表jquery插件（gvchart_jb51net.rar）
05-16
用于web前端，jquery-gvchart动态生成图表
jQuery优秀插件（非常多非常全）
08-15
jQuery 优秀插件 包含jquery-ui AnythingSlider_滑动面板 autosprites_菜单 coda-slider-2.0_滑动面板 easyslider1.7_滑动面板 jqtransform-1.1_表单转换 jquery.chromatable-1.3.0_滚动表格 jquery.uploadify-v2.1.0_文件上传 colortips提示 jQuery.gvChart-1.0图表 jquery.yoxview-2.2-幻灯片浏览 nivo-slider2.3拥有9种过度效果的超级smooth slider quicksand.1.2.1重新排序 Jquery.tools.tabs tab 层旋转
JQuery1.4.1
04-22
jQuery 1.4.1 版本是该库的一个重要里程碑，发布于2010年，它在前一版本的基础上进行了性能优化和功能增强。 ### 1. jQuery 基础 - **选择器**: jQuery 提供了丰富的CSS选择器，使得选取DOM元素变得简单，如 `$("#...
一款基于jQuery饼状图比例分布数据报表
weixin_33778778的博客
01-23 355
今天给大家带来一款基于jQuery饼状图比例分布数据报表。这款报表插件适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。效果图如下： 在线预览   源码下载 实现的代码。 html代码： &lt;div style="width: 600px; margin: 0 auto;"&gt; &lt;table ...
jQuery插件开发入门与最佳实践
"jQuery插件开发指南" jQuery插件是扩展jQuery功能的一种强大方式，它允许开发者根据需求定制功能，提高代码复用性，并简化项目开发。以下是对标题和描述中所述知识点的详细说明： 1. **入门知识 - Getting ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值