首页

关于

10款精挑细选的jquery插件

10款精挑细选的jquery插件

1. Perimeter.js

可以在指定的元素周围生成一个区域,帮助你触发特定的动画,例如,用户鼠标接近某一个按钮的时候,提示语变化或者出现特定的效果

10款精挑细选的jquery插件

2. Ezdz [izy-dizy]

一个帮助你将任何标准输入框类型变成可拖拽的区域的jquery插件,并且带有验证和预览效果

10款精挑细选的jquery插件

3. Validetta

一个帮助你做客户端表单验证的jquery插件, 帮助你降低使用验证功能的难度。

10款精挑细选的jquery插件

4. jQuery Selectric

帮助你处理样式和选择器的jquery插件

10款精挑细选的jquery插件

5. Device.js

基于不同操作系统,横竖屏和设备类型来帮助你快速书写条件CSS或者javascript的js类库

10款精挑细选的jquery插件

6. Flat Shadow by Pete R.

帮助生成flat UI元素阴影的jquery插件

10款精挑细选的jquery插件

7. Garlic.js

保存表单数据到本地,直到你成功递交表单

10款精挑细选的jquery插件

8. Zebra_Datepicker

帮助自动针对输入框生成日期选择器的jquery插件

10款精挑细选的jquery插件

9. Pikachoose

轻量级的一个jquery幻灯插件,拥有丰富的选项

10款精挑细选的jquery插件

10.…

标签: jquery, jquery插件, jquery plugin, 插件

阅读更多

BookBlock:一个实现翻页效果的jQuery插件

BookBlock:一个实现翻页效果的jQuery插件

在线演示在线演示在线演示在线下载

BookBlock是一个jQuery插件,可用于创建像小册子那样的组件,实现一个"页面翻转"的导航。可以使用任何内容,如图片或文本。这个插件可以实现在需要的时候转换结构(即当翻转页面时),并使用一些阴影效果为页面创建更多的现实感。

BookBlock:一个实现翻页效果的jQuery插件

结构:

<div id="bb-bookblock" class="bb-bookblock">
<div class="bb-item">
<!-- custom content -->
</div>
<div class="bb-item">
<!-- ... -->
</div>
<div class="bb-item">
<!-- ... -->
</div>

标签: jQuery, 翻页效果, jQuery插件, bookblock, jquery plugin

阅读更多

超棒的旋转式幻灯jQuery插件 - Roundabout

超棒的旋转式幻灯jQuery插件 - Roundabout

在线演示

相关阅读:

分享40多个新鲜的jQuery图片和内容幻灯插件 

分享一款强大的jQuery旋转轮播式插件 - CarouFredSel 

可能大家都厌倦了千篇一律的平面幻灯特效,在这篇文章中我们将介绍一款超棒的立体动态旋转式的jQuery幻灯插件 - Roundabout。

使用这款jQuery插件可以帮助你快速的生成一个旋转式的幻灯效果,相信如果你能够很好的整合到你的网站或者web应用中去,肯定会给你的网站增色不少!

主要特性

  • 支持jQuery1.2以上
  • 高度可自定义,甚至拥有扩展的API
  • 除了点击操作,也支持拖拽操作
  • 除了宣传式的幻灯,你可以开发其它运动方式的幻灯
  • 支持现代浏览器及其一些老的浏览器

如何使用

HTML

<ul>
<li><img src="images/firefox.png" alt="firefox" /></li>

标签: jquery, jquery plugin, 旋转式幻灯插件, jquery插件, 幻灯插件

阅读更多

介绍一个快速导航插件:Windy

介绍一个快速导航插件:Windy

在线演示

windy 是一个jQuery插件,使用CSS 3D变换和转换来略过一堆物品从而实现快速导航。连续导航的效果就是提醒一副牌或表单快点飞走,因此得名Windy。这个插件的想法是受CSS着色器示例 的影响。使用这个插件时需要一个无序列表的class:"wi-container"

<ul id="wi-el" class="wi-container">
<li>
<img src="images/demo1/1.jpg" alt="image1"/>
<h4>Coco Loko</h4>
<p>Total bicycle rights in blog four loko raw denim ex, helvetica sapiente odio placeat.</p>
</li>

标签: jquery, jquery plugin, 导航插件, jquery插件, 导航

阅读更多

一个超棒的jQuery通知栏插件 - jBar

一个超棒的jQuery通知栏插件 - jBar

在线演示  本地下载

以前我们分享过一款基于jQuery,backbone的通知类库: Backbone.Notifier,今天我们分享另外一个款超棒的通知插件 - jBar。

jBar是一款基于jQuery的用户行为调用的通知栏实现,和一般的通知不太一样的地方在于它并不弹出一个窗口或者其它提示,当有新的信息或者消息需要传递给用户的时候,它会在页面顶端或者底端生成一个工具栏,用户可以选择查看或者稍后查看,整个过程不会打断用户目前的浏览操作,也不会让用户感觉到干扰。

主要特性

  • 轻量级的jQuery插件
  • 代码容易实现
  • 支持自定义,方便的修改CSS
  • 并且支持整合jQueryUI
  • 支持现代浏览器

如何使用

使用jbar非常简单,你只需要引入jQuery类库和jBar类库,如下:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

标签: jQuery, jquery插件, jquery plugin, notification, 通知栏, jBar

阅读更多

一个帮助你处理延迟,重复,循环操作的jQuery插件 - timing

一个帮助你处理延迟,重复,循环操作的jQuery插件 - timing

在线演示  本地下载  在线调试

如果需要你延迟5秒执行特定操作话,你肯定会想到使用类似setInterval()或者delay()的方法。类似的实现我们在以前的文章中介绍过:

如何使用jQuery让一组HTML对象一个一个依次淡出或淡入?

在今天的这篇插件介绍中,我们将介绍一个超棒的jQuery插件,帮助你快速的使用链式和延迟代理模式来实现类似的效果。这个插件提供了简单实用的方法来定义列举,timeout,interval,延迟,并且使用基于时间的循环,仅仅使用数行就可以实现。

如何使用?

此类库要求jQuery1.2以上,使用非常简单,你只需要引入jquery类库和一个js文件即可,如下:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/--version--/jquery.min.js"></script>
<script…

标签: jquery, jquery插件, 重复, 延迟, 循环, jquery plugin, timing, repeat, deffered, defer, timeout, interval

阅读更多

超全超实用的Javascript类库和jQuery插件大全之二:文字处理,表格和列表处理,实用的javascript开发工具

如果你需要解决一些开发中遇到的技术问题的话,很可能会找到一些相关的javascript类库或者是jQuery插件来实现。这样实用的类库或者jQuery插件往往是你应该时常收集并且保存的,特别是如果你不希望自己去处理不同浏览器的兼容性问题的话,使用现成的javascript类库或者是jQuery插件往往能够帮助你提高开发效率。

使用javascript类库可能并不一定是最好的选择,很多情况1下可能你会发现类库加载并不正确,或者有性能上的问题,例如,移动设备上使用js类库。很多情况下使用类似jQuery的类库可能有点杀鸡用宰牛刀的感觉,然而,一些超轻量级的类库可能更加的实用。这里我们也会介绍一些。

在这个两个部分的文章中,我们将介绍一些非常实用的javascriptjQuery类库,帮助你解决你经常遇到的问题。你可能知道一些,但是你肯定不会都知道。希望我们这片文章能够帮助你发现一些你能应用到项目中的实用类库。

这里我们继续超全超实用的Javascript类库和jQuery插件大全之一系列。这是第二部分,包含如下内容:

文字处理:

syntax…

标签: javascript, jquery插件, jquery plugin, table, 表格, 列表, 字体处理, js开发, js工具, javascript工具, js工具类库

阅读更多

超全超实用的Javascript类库和jQuery插件大全之一:图片,地图和图形

如果你需要解决一些开发中遇到的技术问题的话,很可能会找到一些相关的javascript类库或者是jQuery插件来实现。这样实用的类库或者jQuery插件往往是你应该时常收集并且保存的,特别是如果你不希望自己去处理不同浏览器的兼容性问题的话,使用现成的javascript类库或者是jQuery插件往往能够帮助你提高开发效率。

使用javascript类库可能并不一定是最好的选择,很多情况1下可能你会发现类库加载并不正确,或者有性能上的问题,例如,移动设备上使用js类库。很多情况下使用类似jQuery的类库可能有点杀鸡用宰牛刀的感觉,然而,一些超轻量级的类库可能更加的实用。这里我们也会介绍一些。

在这个两个部分的文章中,我们将介绍一些非常实用的javascriptjQuery类库,帮助你解决你经常遇到的问题。你可能知道一些,但是你肯定不会都知道。希望我们这片文章能够帮助你发现一些你能应用到项目中的实用类库。

因为文章篇幅的原因,这里我们分为几个部分:

快速了解:

下面你将看到一个简单的类库列表介绍,每个类库连接到了对应的网站,能够帮助你快速的找到需要的类库工具。

web表单:

forms…

标签: javascript, jquery插件, jquery plugin, 地图, 图形, 图片

阅读更多

超全超实用的Javascript类库和jQuery插件大全之一:Web印刷排版

如果你需要解决一些开发中遇到的技术问题的话,很可能会找到一些相关的javascript类库或者是jQuery插件来实现。这样实用的类库或者jQuery插件往往是你应该时常收集并且保存的,特别是如果你不希望自己去处理不同浏览器的兼容性问题的话,使用现成的javascript类库或者是jQuery插件往往能够帮助你提高开发效率。

使用javascript类库可能并不一定是最好的选择,很多情况1下可能你会发现类库加载并不正确,或者有性能上的问题,例如,移动设备上使用js类库。很多情况下使用类似jQuery的类库可能有点杀鸡用宰牛刀的感觉,然而,一些超轻量级的类库可能更加的实用。这里我们也会介绍一些。

在这个两个部分的文章中,我们将介绍一些非常实用的javascriptjQuery类库,帮助你解决你经常遇到的问题。你可能知道一些,但是你肯定不会都知道。希望我们这片文章能够帮助你发现一些你能应用到项目中的实用类库。

因为文章篇幅的原因,这里我们分为几个部分:

快速了解:

下面你将看到一个简单的类库列表介绍,每个类库连接到了对应的网站,能够帮助你快速的找到需要的类库工具。

web表单:

forms…

标签: javascript, jquery插件, jquery plugin, typography, 字体, 印刷排版

阅读更多

超全超实用的Javascript类库和jQuery插件大全之一:Web表单和输入验证

如果你需要解决一些开发中遇到的技术问题的话,很可能会找到一些相关的javascript类库或者是jQuery插件来实现。这样实用的类库或者jQuery插件往往是你应该时常收集并且保存的,特别是如果你不希望自己去处理不同浏览器的兼容性问题的话,使用现成的javascript类库或者是jQuery插件往往能够帮助你提高开发效率。

使用javascript类库可能并不一定是最好的选择,很多情况1下可能你会发现类库加载并不正确,或者有性能上的问题,例如,移动设备上使用js类库。很多情况下使用类似jQuery的类库可能有点杀鸡用宰牛刀的感觉,然而,一些超轻量级的类库可能更加的实用。这里我们也会介绍一些。

在这个两个部分的文章中,我们将介绍一些非常实用的javascriptjQuery类库,帮助你解决你经常遇到的问题。你可能知道一些,但是你肯定不会都知道。希望我们这片文章能够帮助你发现一些你能应用到项目中的实用类库。

因为文章篇幅的原因,这里我们分为几个部分:

  • web表单
  • web印刷排版
  • 实用类库
  • 地图和图片

快速了解:

下面你将看到一个简单的类库列表介绍,每个类库连接到了对应的网站,能够帮助你快速的找到需要的类库工具。

web表单:

forms…

标签: javascript, jquery插件, jquery plugin, web表单, web form, form

阅读更多

帮助你生成翻页效果的jQuery插件 - bookblock

帮助你生成翻页效果的jQuery插件 - bookblock

在线演示  本地下载

今天我们介绍一个漂亮的jQuery翻页效果插件 - bookblock,使用它可以创建动态的类似书本翻页效果的幻灯。希望大家喜欢!

这个插件依赖于jQuery++,这个类库是一个jQuery的扩展类库,这里使用了它的swipe事件。

HTML代码

主要html代码如下,生成需要展示的图片内容:

<div id="bb-bookblock" class="bb-bookblock">
<div class="bb-item">
<a href="http://www.gbin1.com"><img src="images/animals/a.jpg" alt="image01"/></a>
</div>
<div…

标签: jQuery, jquery plugin, jquery插件, 翻页插件, jQuery翻页插件, flip

阅读更多

轻量级的jQuery表单验证插件 - HAPPY.js

轻量级的jQuery表单验证插件 - HAPPY.js

在线演示  本地下载

功能强大的表单验证插件很多,以前我们介绍过validation engine,但是如果你希望使用简单轻量级的表单验证插件的话,你可以考虑使用HAPPY.js

主要特性

  • 支持jQueryZepto.js
  • 使用简单,支持日期,数字,电子邮件,最大/最小数和手机号码等验证
  • 拥有很多自定义的选项
  • 支持IE6-8,FF3.6,Chrome7和safari5

如何使用

HTML代码:

<form id="login" action="index.html">
<div class="loginPic">
<input id="loginEmail" class="loginEmail" type="text" placeholder="Your email"…

标签: jQuery, jquery plugin, jquery插件, 表单验证, 表单验证插件, form validation, happy.js, zepto.js

阅读更多

下一页

标签

© Copywrite by gbin1.com, all rights reserved.