40 多个免费和新鲜的jQuery插件和教程

jopen 12年前

Quake Slider

( Demo | Download )

一个简单的jQuery插件,用于为您的网站创建有吸引力和功能强大的滑块。

40 多个免费和新鲜的jQuery插件和教程

Freetile.js

( Demo | Download )
这个jQuery插件可以让你组织你的内容在一个动态和响应式的布局中,让您可以最佳利用屏幕空间。

40 多个免费和新鲜的jQuery插件和教程

Raccordion

( Demo | Download )

Raccordion is a multipurpose responsive accordion plugin that can adjust accordingly with the size of browser width.Raccordion是一个多用途的响应式手风琴插件,可以根据浏览器宽度的大小进行相应的调整。

40 多个免费和新鲜的jQuery插件和教程

3D Flipping Circle with CSS3 and jQuery

( Demo | Download )

本教程可以帮助您了解如何创建CSS3 3D变换和阴影/梯度和jQuery的3D翻转。 40 多个免费和新鲜的jQuery插件和教程

jQuery Animated Bar Plugin: jqBar

( Demo | Download )

这个插件可以让你创建具有动画效果的垂直和水平柱状图。 40 多个免费和新鲜的jQuery插件和教程

Mini Help System with jQuery

( Demo | Download )

本教程将帮助您通过jQuery建立一个小型的帮助系统。

40 多个免费和新鲜的jQuery插件和教程

Make a Google Powered Shopping Search Website

( Demo | Download )

本教程将教你如何使用jQuery和PHP创建基于Google的购物搜索功能。

40 多个免费和新鲜的jQuery插件和教程

How to Make a Mac OSX-like Animated Folder with CSS3

( Demo | Download )

这是一个简短的教程,使用CSS3,3D变换,梯度和箱阴影,来创建一个Mac OSX动画的文件夹。

40 多个免费和新鲜的jQuery插件和教程

Create a Beautiful Password Strength Meter

( Demo | Download )

创建一个有吸引力的密码强度计

40 多个免费和新鲜的jQuery插件和教程

How to Build a ToDo Application with Web SQL and jQuery

( Demo | Download )

Follow this tutorial and build a ToDo application with Web SQL and jQuery. This tutorial will help you understand transactions and let you get started with Web SQl.

40 多个免费和新鲜的jQuery插件和教程

Responsive Carousel

( Demo | Download )

This carousel script lets you work with mouse, touch friendly devices and keyboard. It includes slide/drag transition that can be applied by adding a data attribute.

40 多个免费和新鲜的jQuery插件和教程

iosSlider

( Demo | Download )

With this jQuery plugin, you can create a responsive, customizable and cross-browser content slider.

40 多个免费和新鲜的jQuery插件和教程

jQuery Interactive Cycle Slides Plugin: jQSlid

( Demo | Download )

This is another jQuery plugin for parallel sliding that can be used anywhere where sliding functionality is required.

40 多个免费和新鲜的jQuery插件和教程

gridster.js

( Demo | Download )

Create intuitive drag able layouts with this plugin that allows you dynamically add and remove elements from the grid.

40 多个免费和新鲜的jQuery插件和教程

tiltShift.js

( Demo | Download )

This jQuery plugin is designed to replicate the tilt-shift effect by using CSS3 image filters.

40 多个免费和新鲜的jQuery插件和教程

stickyMojo

( Demo | Download )

This plugin is compatible with Firefox, Chrome, Safari and IE8+, stickyMojo is a fast, lightweight and flexible sticky sidebar plugin.

40 多个免费和新鲜的jQuery插件和教程

Complexify

( Demo | Download )

This jQuery plugin is designed so that your users can correctly estimate the quality of their password.

40 多个免费和新鲜的jQuery插件和教程

jQuery Vector Maps

( Demo | Download )

With this jQuery plugin, you can render vector maps easily as it uses resizable Scalable Vector Graphics (SVG).

40 多个免费和新鲜的jQuery插件和教程

FrameWarp

( Demo | Download )

This jQuery plugin helps you display pages in a neat overlay.

40 多个免费和新鲜的jQuery插件和教程

Swatch Book with CSS3 and jQuery

( Demo | Download )

In this tutorial, you will learn creating a swatch book by using CSS transforms and transitions and jQuery plugin as well.

40 多个免费和新鲜的jQuery插件和教程

Triple Panel Image Slider

( Demo | Download )

This tutorial will walk you through the process of creating triple panel image slider with a 3D look.

40 多个免费和新鲜的jQuery插件和教程

Fullscreen Slit Slider with jQuery and CSS3

( Demo | Download )

Now, you can learn how to create a full screen slideshow by using jQuery and CSS animations.

40 多个免费和新鲜的jQuery插件和教程

Build a Filterable Portfolio Using jQuery Isotope

( Demo | Download )

Here, you will see how to see jQuery Isotope plugin to create a filterable portfolio.

40 多个免费和新鲜的jQuery插件和教程

Vertical Showcase Slider with jQuery and CSS Transitions

( Demo | Download )

Follow this tutorial to create a vertical showcase slider with jQuery and CSS transitions. You can create a full screen slider that can move its section in opposite directions.

40 多个免费和新鲜的jQuery插件和教程

Fullscreen Video Slideshow with Bigvideo.js

( Demo | Download )

This tutorial is about creating a full screen video slideshow by using a jQuery plugin called BigVideo.js that is mostly used for big background video.

40 多个免费和新鲜的jQuery插件和教程

Custom DropDown List Styling

( Demo | Download )

With this tutorial, you can learn how to create a custom drop down list styling for various purposes.

40 多个免费和新鲜的jQuery插件和教程

3D Thumbnail Hover Effects

( Demo | Download )

Follow this tutorial if you want to learn how to create 3D thumbnail hover effect with the help of CSS 3D transforms and jQuery.

40 多个免费和新鲜的jQuery插件和教程

Creative Web Typography Styles

( Demo | Download )

In this tutorial, the process of creating web typography styles with several CSS techniques and lettering.js.

40 多个免费和新鲜的jQuery插件和教程

Create a Parallax Scrolling Website Using Stellar.js

( Demo | Download )

Learn the use of parallax scrolling effects with this tutorial that uses Stellar.js and of course with some imagination.

40 多个免费和新鲜的jQuery插件和教程

Responsive, Multi-Level Navigation

( Demo | Download )

By using media queries and jQuery, you can accommodate large, multi-level navigation menus while keeping external resources minimal and markup simple.

40 多个免费和新鲜的jQuery插件和教程

Adding a jQuery Countdown to Our “Coming Soon” Page

( Demo | Download )

Give your countdown timer some functionality to make your Coming Soon page look appealing.

40 多个免费和新鲜的jQuery插件和教程

Create a Customized HTML5 Audio Player

( Demo | Download )

This tutorial will walk you through the process of creating a customized HTML5 audio player.

40 多个免费和新鲜的jQuery插件和教程

Make a jQuery Count Up Timer

( Demo | Download )

This tutorial helps you learn creating jQuery count up timer.

40 多个免费和新鲜的jQuery插件和教程

Make A Simple AJAX Note Taking App

( Demo | Download )

If you want to create an AJAX note taking app, then you should follow this tutorial that will teach you how to use PHP and jQuery to create a simple AJAX interaction.

40 多个免费和新鲜的jQuery插件和教程

Bild a simple weather webapp

( Demo | Download )

Here, you will be shown how to use HTML5 geolocation API and Yahoo API along with jQuery to build an amazing weather app.

40 多个免费和新鲜的jQuery插件和教程

Growing Thumbnails Portfolio

( Demo | Download )

Follow this tutorial to see how you can use HTML5, jQuery and CSS3 to create growing thumbnail portfolio.

40 多个免费和新鲜的jQuery插件和教程

How to grab Dribbble feed with jQuery and CSS3

( Demo | Download )

With this tutorial, you will be taught to grab dribbble’s API and integrate them with your designs.

40 多个免费和新鲜的jQuery插件和教程

Custom Login Form Styling

( Demo | Download )

A simple and easy to follow tutorial on creating custom login form styling by using CSS and HTML5.

40 多个免费和新鲜的jQuery插件和教程

Slicebox Revised

( Demo | Download )

With this improved version of jQuery plugin, you can create 3D image slider.

40 多个免费和新鲜的jQuery插件和教程

Photo Booth Strips with Lightbox

( Demo | Download )

Here is a tutorial on creating neat and scrollable booth strips with Lightbox 2, and later you will also be learnt how to make them responsive and touch friendly.

40 多个免费和新鲜的jQuery插件和教程

A Content Flip Plugin

( Demo | Download )

This jQuery plugin can be used to create booklet-like components in order to create a page flip navigation.

40 多个免费和新鲜的jQuery插件和教程

Timeline Portfolio

( Demo | Download )

This is another jQuery plugin for showing a chronological series of events. With this plugin, you can easily embed al kind of media and therefore it is perfect for a portfolio.

40 多个免费和新鲜的jQuery插件和教程

Making a Page Flip Magazine with turn.js

( Demo | Download )

Another jQuery plugin called turn.js that is used to create a page flip effect is used in this tutorial along with PHP, CSS3 and jQuery to create a page flip magazine.

40 多个免费和新鲜的jQuery插件和教程