20 amazing jquery plug-in tutorials for designers and developers to quickly fulfill their work needs (I)

Source: Internet
Author: User

Jquery is always so powerful. It can be used to develop any web and mobile frameworks. In the browser market, it has always been an important share. Today, I will share it with you.20 amazing jQuery plug-insFor designers and developers. For example, The-M-Project may be an open-source mobile phone HTML5 JavaScript framework that you are waiting for. You can use it to compile HTML5/CSS3/SVG applications and support most data platforms, including iOS, Android, Palm webOS, and Blackberry OS.

 

 JShowOff: jQuery content shoulder-jQuery plugin

ShowOff is a jQuery-based content magic lamp plug-in. It is called the content plug-in instead of the Image Magic lamp plug-in because jShowOff not only supports images but also any HTML code. JShowOff is easy to use and has simple requirements on the HTML structure. It can be a set of elements wrapped by a parent element, and jShowOff provides rich and practical configuration parameters.

Preview:

Download jQuery content shoulder plug-in

Requirements:JQueryCompatibility:All major browsersDownload:Http://github.com/ekallevig/jShowOff

Use jQuery-Zoomy for fast and convenient Scaling

Zoomy is simple. Zoomy is easy to implement and customize.ZoomyIs a quick and easy plug-in to make imagesZoom inOr zoom in or out. You only need two copies of the image and a large image display, and then scale the image. Most CMS systems store or create images of multiple sizes, so it is easy to establish. Only show the enlarged image on the link and tell the plug-in to use the link when the Zoom is used. Just a little script.ZoomyIs a jQuery plug-in that is easy to implement. It can helpCreate Image enlargement.

Preview:

Requirements:JQueryDownload:Http://redeyeoperations.com/plugins/zoomy/zoomy0.5.zip

Use php/jquery/image cropping plug-in

JQueryUpload/Image Upload tool for use and crop different types of images, JPG, GIF and PNG and you can now upload images, and there is a random file name (this fixes some cache problems) You need to "select the image area" plug-in.

We need a method to upload a JPG image and adjust its size. If necessary, crop the given height and width.

Preivew:

Requirements: JQuery, PHP's GD

Demo:Http://www.webmotionuk.co.uk/jquery/image_upload_crop.php
Download:Http://www.webmotionuk.co.uk/jquery/jquery_upload_crop.zip

ProcessWire: php cms framework and jQuery

ProcessWireIsOpen-Source Content Management System (CMS)AndWeb application framework,Targeting the needs of designers, developers and their customers. ProcessWire gives you more control areas, templates and tags than other platforms, and provides a powerful template system,ProcessWire APIMake your content easy and enjoyable. Compared with ProcessWire, it is incredibly simple for you to manage and develop your website in ProcessWire.

Preview:

Requirements:MySQL 5.0.15 + of PHP 5.2.4 +

Demo:Http://processwire.com/demo/

Download:Https://github.com/ryancramerdesign/ProcessWire

JRating-flexible jQuery Ajax scoring plug-in

JRatingIs a veryFlexible jQuery pluginTo quickly createAjaxed Star Rating System. It is configurable for every detail, from "counting stars", "If the stars can represent decimal places or not ". There is also an option to show large or small stars and any other files that the image can easily change.

Preview:

Requirements:JQueryCompatibility:All major


The-M-Project HTML5 cross-platform mobile app JavaScript framework

The-M-Project may be an open-source mobile phone HTML5 JavaScript framework that you are waiting for. It can be used to compile HTML5/CSS3/SVG applications and support most data platforms, including iOS, Android, Palm webOS, and Blackberry OS. The-M-Project is an excitingHTML5 JavaScript framework for cross-platform mobile network applications(IOSAndroid, webOS of Palm, Blackberry ). It uses the JavaScript part of jquery and contains all core files that support UI +, such as offline, internationalization, and functionality.

Preview:

Requirements:NodeJS of GitCompatibility:All major moves

Arbor. js: Use Web and jQuery graphics to visualize Libraries

Arbor. js isJQueryA visual graphics library that provides an efficient force-directed Layout Algorithm for graphic organization and screen refresh processing.

 

Preview:

Requirements:JQueryCompatibility:All modern browsersDownload:Https://github.com/samizdatco/arbor

JQuery. validval plugin simplifies custom form verification

JQuery. validVal is a plug-in designed to simplify and customize the verification form. It is highly customizable and has rich functions. It can easily be in any type of HTML format (or even AJAX form ),. It can be used to validate any HTML form (including Ajaxed) and pass the rules defined in the class name.

Preview:

Requirements:JQueryCompatibility:All major browsersDemo:Http://validval.frebsite.nl/examples.php

FancyMoves Jquery product Slider

FancyMoves is a beautiful jQuery plug-in for Rolling display of product images. You can navigate through the keyboard or click images. When you click a specific image, a Lightbox mode dialog box is displayed to display the original image. He has three display modes.: Use the keyboard arrow, the left and right arrows on both sides of the slider, or click the next or last item on the slider.

FancyMoves, A New jQuery slider product for your website or blog

Preview:

Requirements:
Demo:
Http://webdesignandsuch.com/posts/jquery-product-slider/jQuery-productSlider/index.html
Download:Http://webdesignandsuch.com/posts/jquery-product-slider/jQuery-productSlider/FancyMoves.zip

Jquery automatic replication plug-in sheepIt

SheepIt! Is a jQuery plug-in that can dynamically copy form elements. It can add or delete a form element in batches. You can add a callback function before/after adding a form element.

Sometimes, a static form is not enough, because we may want to make it possible for users to define flexible addresses, telephones, emails, etc.

This isSheepIt!

Preview:

Requirements:JQuery's 1.4 +Compatibility:All major

Jquery Overlay Effect Menu

Overlay Effect Menu is a jquery-based Menu plug-in. When you move the mouse over the Menu, a mask is generated to cover all Menu parts and expand the sub-Menu.

Preview:

Requirements:JQueryCompatibility:All major browsersDemo:

Http://tympanus.net/Tutorials/OverlayEffectMenu/
Download:Http://tympanus.net/Tutorials/OverlayEffectMenu/OverlayEffectMenu.zip

File Download jQuery Plugin: jDownload

JDownloadIsJQuery plugin,The purpose isInstructions for downloading related files

Once the download link is clicked, itSend an Ajax query to a PHP FileReturns the name, type, and size of the file in a modal window.

Preview:

Requirements:JQuery's jQuery UICompatibility:All major browsersDownload:Http://code.google.com/p/jquery-jdownload/downloads/list

Creativity and jQuery free radical Web layout-Lettering. js

Lettering. jsLightweight, easy to use JavaScript <SPAN> plug-in for more radical web page layout.

It is simplySplit into slices any given element of the <SPAN> trumpetEncapsulate every letter of a custom class.

Preivew:

Requirements:JQueryCompatibility:All major browsersDownload:Http://github.com/davatron5000/Lettering.js

SlideNote: jQuery plug-in for sliding notification

SlideNoteIt is a customizable and flexible jquery plug-in that can easily display sliding notifications on your website or on your web application.To learn more or see a demo, scroll down.Plug-insShow any URL content(Optional) displays the content of elements in the URL.

Preview:

Requirements:JQueryCompatibility:All major browsersDownload:Http://github.com/tommcfarlin/slidenote ~~ V

JQuery horizontal accordion- Easy Accordion

Easy Accordion is a highly flexible jQuery plug-in used to quickly create a horizontal foldable Accordion (Accordion). It supports creating multiple instances on the same page. Any foldable content, such as images, lists, and Flash, can be completely customized using CSS.

Preview:

Requirements:JQueryCompatibility:All major


CarouFredSel-unlimited jQuery conveyor belt scroll horizontal and vertical plugin

CarouFredSel is a infinite loop playback container jQuery that can display any type of HTML elements. Supports both horizontal and vertical directions. The project height and width can be different. You can dynamically delete or add projects from the container. You can use forward/backward buttons to play projects or set them to automatic playback.

Preview:

Requirement:JQuery
Download:
Http://caroufredsel.frebsite.nl/downloads/carouFredSel-2.1.3.zip
Website:Http://caroufredsel.frebsite.nl/

Slick jQuery Image Slider Plugin "Orbit"

 

Orbit is a well-designed and easy-to-use jQuery image slide plug-in. It not only supports switching between images, but also supports scrolling over content. The customization of the plug-in is quite high. It provides multiple parameter settings. You can set it to a style that fully meets your requirements.

Preview:

Requirements:JQueryCompatibility:All major browsersURL:Http://www.zurb.com/playground/jquery-image-slider-plugin/Orbit_Kit.zip

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.