纵有疾风起
人生不言弃

40个新鲜的 jQuery 插件,使您的网站用户友好

作为最流行的 JavaScript 开发框架,jQuery 在现在的 Web 开发项目中扮演着重要角色,它简化了 HTML 文档遍历,事件处理,动画以及 Ajax 交互,这篇文章特别收集了40个新鲜的 jQuery 插件,使您的网站对用户更友好。

您可能感兴趣的相关文章

 

Flexisel – Responsive Carousel Plugin

Demo | Download )

Resize your browser window to see how you the plugin can adjust to the window width. Flexisel will adapt responsively as the screen width gets smaller…

40个新鲜的 jQuery 插件,使您的网站用户友好插图

Swipebox – A Touchable jQuery Lightbox

Demo | Download )

Swipebox is a jQuery “lightbox” plugin for desktop, mobile and tablet.

40个新鲜的 jQuery 插件,使您的网站用户友好插图1

Sidr – Creating Facebook-Like Side Menus

Demo | Download )

The best jQuery plugin for creating side menus and the easiest way for doing your menu responsive.

40个新鲜的 jQuery 插件,使您的网站用户友好插图2

Unslider – A ‘Super-Tiny’ jQuery Slider

Demo | Download )

The jQuery slider that just slides. No fancy effects or unnecessary markup, and it’s less than 3kb.

40个新鲜的 jQuery 插件,使您的网站用户友好插图3

jQuery Nested – Create Multi-Column, Dynamic Grid Layouts

Demo | Download )

Nested is a jQuery plugin which allows you to create multi-column, dynamic grid layouts.

40个新鲜的 jQuery 插件,使您的网站用户友好插图4

jResponsive – Super-Smooth Transition Layouts

Demo | Download )

JResponsive will organize your content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will arrange its children in a layout that makes optimal use of screen space, by “packing” them in tightly. One of the very famous website that using this type of layout is Pulse.

40个新鲜的 jQuery 插件,使您的网站用户友好插图5

MultiDialog

Demo | Download )

MultiDialog utilizes jQuery UI Dialog Widget for a full featured Modalbox / Lightbox application.

40个新鲜的 jQuery 插件,使您的网站用户友好插图6

FlexNav – Flexible, Device Agnostic Navigation

Demo | Download )

A jQuery Plugin for Responsive Menus.

40个新鲜的 jQuery 插件,使您的网站用户友好插图7

Flaunt.js – Responsive Navs with Nested Click-To-Reveal

Demo | Download )

Flaunt.js is a jQuery script that allows you to create a responsive, nested navigation out the box. Flaunt was built to overcome responsive design challenges which faced a huge percentage of websites. This challenge was to show nested navigation items on click-demand, without the event taking you through to the page you’ve pressed…

40个新鲜的 jQuery 插件,使您的网站用户友好插图8

SlideToucher – Touch Enabled jQuery Plugin for Content Swiping

Demo | Download )

SlideToucher, touch enabled jQuery plugin for content swiping. Supports vertical and horizontal swipes.

40个新鲜的 jQuery 插件,使您的网站用户友好插图9

LiquidSlider – A Responsive jQuery Content Slider

Demo | Download )

A Responsive jQuery Content Slider.

40个新鲜的 jQuery 插件,使您的网站用户友好插图10

Dropdown.dot.js – Flexible Dropdowns Based on dot.js Templates

Demo | Download )

A JQuery Plugin for super-flexible Dropdowns based on dot.js Templates.

40个新鲜的 jQuery 插件,使您的网站用户友好插图11

Typeahead.js – A Fully-Featured Autocomplete Library

Demo | Download )

A fast and fully-featured autocomplete library.

40个新鲜的 jQuery 插件,使您的网站用户友好插图12

iCheck – Customize Checkboxes & Radio Buttons

Demo | Download )

iCheck plugin works with checkboxes and radio buttons like a constructor.

40个新鲜的 jQuery 插件,使您的网站用户友好插图13

Chardin.js – Simple Overlay Instructions for Apps

Demo | Download )

Simple overlay instructions for your apps.

40个新鲜的 jQuery 插件,使您的网站用户友好插图14

jQuery Alpha Image Plugin

Demo | Download )

This plugin can change selected colours to transparent on your image and give result as image or imagedata. This plugin works on IE9+, Chrome, Firefox, Safari. I didn’t try in opera.

40个新鲜的 jQuery 插件,使您的网站用户友好插图15

ScrollUp

Demo | Download )

A Lightweight Plugin for Creating a Customisable “Scroll-to-Top”.

40个新鲜的 jQuery 插件,使您的网站用户友好插图16

Adding Alarms to the Digital Clock

Demo | Download )

Adding Alarms to the Digital Clock.

40个新鲜的 jQuery 插件,使您的网站用户友好插图17

Ractive.js

Demo | Download )

Ractive.js is different. It solves some of the biggest headaches in web development – data binding, efficient DOM updates, event handling – and does so with almost no learning curve.

40个新鲜的 jQuery 插件,使您的网站用户友好插图18

Firechat

Demo | Download )

Firechat is an open-source, real-time chat widget built on Firebase. It offers fully secure multi-user, multi-room chat with flexible authentication, moderator features, user presence and search, private messaging, chat invitations, and more.

40个新鲜的 jQuery 插件,使您的网站用户友好插图19

Albumize

Demo | Download )

Albumize is a jQuery plugin that lets you manage collection of images in the web page as albums. With albumize, you can browse albums, add cover image to albums and switch between albums.

40个新鲜的 jQuery 插件,使您的网站用户友好插图20

PowerTip – A jQuery Hover Tooltip Plugin

Demo | Download )

PowerTip features a very flexible design that is easy to customize, gives you a number of different ways to use the tooltips, has APIs for developers, and supports adding complex data to tooltips. It is being actively developed and maintained, and provides a very fluid user experience.

40个新鲜的 jQuery 插件,使您的网站用户友好插图21

jQuery Pin – Pin Any Element Within a Container

Demo | Download )

Query.Pin is here to help! Pin any element to the top of a container. Easily disable it for smaller screen-sizes where there’s no room for that kind of shenanigans.

40个新鲜的 jQuery 插件,使您的网站用户友好插图22

Perfect-Scrollbar – A jQuery Scrollbar Plugin

Demo | Download )

Tiny but perfect jQuery scrollbar plugin.

40个新鲜的 jQuery 插件,使您的网站用户友好插图23

Complexify

Demo | Download )

Complexify aims to provide a good measure of password complexity for websites to use both for giving hints to users in the form of strength bars, and for casually enforcing a minimum complexity for security reasons.

40个新鲜的 jQuery 插件,使您的网站用户友好插图24

Pickadate.js

Demo | Download )

The mobile-friendly, responsive, and lightweight jQuery date & time input picker.

40个新鲜的 jQuery 插件,使您的网站用户友好插图25

Cool Kitten

Demo | Download )

It is a collection of HTML/CSS and JavaScript files to be used for web designers and developers.

40个新鲜的 jQuery 插件,使您的网站用户友好插图26

Google Map

Demo | Download )

A jQuery Plugin allows you to easely manipulate the Google Map API. You are now able to create maps, add some markers et create routes.

40个新鲜的 jQuery 插件,使您的网站用户友好插图27

qTip2 – Pretty powerful tooltips

Demo | Download )

The second generation of the advanced qTip plugin for the ever popular jQuery framework.

40个新鲜的 jQuery 插件,使您的网站用户友好插图28

Magnific Popup

Demo | Download )

Fast, light, mobile-friendly and responsive lightbox and modal dialog plugin. Open inline HTML, ajax loaded content, image, form, iframe (YouTube video, Vimeo, Google Maps), photo gallery. In/out animation effects are added with CSS3 transitions.

40个新鲜的 jQuery 插件,使您的网站用户友好插图29

AutoHideInput

Demo | Download )

AutoHideInput is a simple jQuery plugin that hides and shows the information entered by the user.

40个新鲜的 jQuery 插件,使您的网站用户友好插图30

Progression.js

Demo | Download )

A jQuery plugin that gives users real time hints & progress updates as they complete forms.

40个新鲜的 jQuery 插件,使您的网站用户友好插图31

Thumbnail Grid with Expanding Preview

Demo | Download )

A tutorial on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google Images.

40个新鲜的 jQuery 插件,使您的网站用户友好插图32

App Showcase with Grid Overlay

Demo | Download )

A tutorial about creating a simple grid overlay with subtle transitions for an app showcase.

40个新鲜的 jQuery 插件,使您的网站用户友好插图33

jQuery TourBus

Demo | Download )

A light weight jQuery plugin that is a must have for any developer to easily create modal windows. Put focus on important elements by applying a mask to your page and opening a customizable pop up modal window.

40个新鲜的 jQuery 插件,使您的网站用户友好插图34

Pop Easy

Demo | Download )

A light weight jQuery plugin that is a must have for any developer to easily create modal windows. Put focus on important elements by applying a mask to your page and opening a customizable pop up modal window.

40个新鲜的 jQuery 插件,使您的网站用户友好插图35

Smint : Sticky Menu with Smooth Scroll

Demo | Download )

SMINT is a simple plugin for lovers of one page websites.

40个新鲜的 jQuery 插件,使您的网站用户友好插图36

FlipClock

Demo | Download )

40个新鲜的 jQuery 插件,使您的网站用户友好插图37

Least.js

Demo | Download )

Random & Responsive jQuery, Html5 & Css3 Gallery with Lazyload.

40个新鲜的 jQuery 插件,使您的网站用户友好插图38

Making Chart

Demo | Download )

Make Pretty Charts For Your App with jQuery and xCharts.

40个新鲜的 jQuery 插件,使您的网站用户友好插图39

 

您可能感兴趣的相关文章

 

英文链接:40 jQuery Plugins Make Website User Friendly

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

文章转载于:https://www.cnblogs.com/lhb25/p/40-jquery-plugins.html

原著是一个有趣的人,若有侵权,请通知删除

未经允许不得转载:起风网 » 40个新鲜的 jQuery 插件,使您的网站用户友好
分享到: 生成海报

评论 抢沙发

评论前必须登录!

立即登录