Jquery plugin (2)

Conversion from: All sources are available :-)

Jquery plugin (2)

++ ++

Navigation

++ ++

 

Jquery Plugin: Treeview

This plug-in can convert unordered lists into a tree that can be expanded and shrunk.

Jquery Plugin: Treeview

Fastfind menu script

You can drag a nested menu form based on the dynamic "ajax" response.

Fastfind menu script

Icondock

Icondock is a fisheye menu developed based on jquery.

Icondock
Jquery UI tabs

Jquery UI tabs: A Powerful and easy-to-use tab control.

Jquery UI tabs

Jstree

Jstree is a jquery-based tree control. Supports XML, JSON, and HTML data sources. Allows you to create, rename, move, delete, and drag nodes. You can customize the rules for creating, deleting, nesting, renaming, and selecting nodes. You can add multiple listening events to these operations.

Jstree
 
Jquery file tree

Jquery file tree is a configurable jquery plug-in for Ajax file browsers. You can use CSS to customize the appearance, specify the expand icon of the file tree, and define the expand/Contract event, speed, and load information. Jquery file tree uses ajax to obtain file information.

Jquery file tree

Superfish

Jquery menu plug-in. Supports horizontal and vertical directions. The pop-up sub-menu is not blocked by the <SELECT> label.

Superfish

Accordion menu

Accordion-style jquery menu.

Accordion menu
CSS dock menu

Implemented Using jquery + CSS, similar to a navigation menu of Mac Dock menu.

CSS dock menu

Checktree

Tree jquery plug-in with checkbox.

Checktree
Idtabs

Idtabs is a jquery plug-in that can be used to create complex tab controls. Supports dynamic addition and selection of tabs. idtabs can be bound to different events, such as Mouseover.

Idtabs
Jquery context menu

Jquery context menu is a shortcut menu plug-in. With few settings, you can easily implement the right-click menu function.

Jquery context menu
Jquery right-click

This plug-in allows you to use jquery to capture events triggered by right-clicking. These events include click, mouseup, and mousedown.

Jquery right-click

Jquery multi level CSS menu

This is a multilevel horizontal CSS menu, which is created using HTML list tags nested by rules. When the sub-menu is near the right edge of the form, the display aspect is automatically adjusted.

Jquery multi level CSS menu

Listnav

Listnav is a jquery plug-in used to create alphabetical navigation.

Listnav

Simpletip

Simpletip is a tooltips control developed based on jquery. ToolTips can be attached to any element (TAG. And customize the display mode and position. ToolTips can be static, dynamic, or loaded using Ajax.

Simpletip

Smooth navigation menu

The smooth navigation menu is a multi-level website navigation menu developed by jquery Based on CSS. The content of a menu item can be obtained either from the current page or from an external file or through Ajax.

Smooth navigation menu
Jdmenu

Jdmenu is the jquery plug-in used to create horizontal/vertical hierarchical drop-down menus. you can use ajax to load menu items, customize animation effects, customize the appearance, and support relative and absolute positioning.

Jdmenu

Jqdock

This is a jquery plug-in that can convert a group of images into a Mac-style fish eye menu (dock menu. The menu can be horizontal or vertical.

Jqdock

 

Animated Menu Using jquery

A technique for animating menu items when a user hovers over them. source files, including the PSD file, are available to download.

View demo page

 

Garagedoor effect using jquery

Gaya Kessler presents a wonder JavaScript menu that mimics the real garage door using jquery.

View demo page

 

Jglide menu

A very unique menu that floats on the page. Users can drag it to a position they desire.

View demo page

 

Vertical sliding jquery menu

Hvdesigns presents a menu that drops down and reveals more links.

View demo page

 

Lavalamp

When you hover an item, you'll see the CSS sliding door technique created using jquery. an alternate version for mootols can be here.

 

 

11. Sliding JavaScript menu highlight

This sliding hover effect script is an easy technique for highlighting menu items.

12. Fading menu-replacing content

This technique allows you to fade in and fade out menu items.

View demo page

13. Simple multi-level drop-down menu

A simple JavaScript drop down menu tutorial.

14. Using jquery for background image animations

A technique for creating animated menus using jquery and CSS background-position properties.

View demo page

 

1. Tabpanel-jerichotab

   Details | online demonstration

   :
   
   Introduction:
   Jerichotab is a plug-in that simulates the Firefox tab. It allows you to easily add, delete, and activate tabs dynamically through a variety of APIs, when there are too many tab pages, the scroll bar will be added in the left and right sections...
   Navigation:

 

 

++ ++

Verification class 

++ ++

 

Jquery Plugin: Validation

Jquery validation plugin.

Jquery Plugin: Validation
Masked input plugin

The jquery plug-in masked input allows users to input data (such as dates and phone numbers) in a predefined fixed format ).

Masked input plugin

Jquery password Strength Meter

Jquery plugin used to detect password strength.

Jquery password Strength Meter

Jval

Jquery Form validation plugin.

Jval

 

++ ++

Chart type

++ ++

Flot

Flot is a pure JavaScript painting library developed based on jquery. It can quickly generate images based on any dataset on the client. Currently, only linear charts and columns can be drawn.

Flot
Jqchart

Simple graphical controls that support drag-and-drop/Interaction Based on canvas + jquery.

Jqchart

Jquery. sparkline

This is a jquery plug-in used to generate a mini linear graph.

Jquery. sparkline

 

++ ++

Form-related classes

++ ++

 

Jnice

Create a form element with a custom appearance. The function is similar to that of a normal form element.

Jnice

 

Jquery calculate

The jquery computing plug-in provides some common mathematical computing functions such as sum, average, Min, and Max.

Jquery calculate

Jquery select box

A drop-down menu that imitates the functions of the HTML select box.

Jquery select box
Prettycheckboxes

A simple jquery plug-in is used to customize the appearance of checkboxe and radio buttons.

Prettycheckboxes
Jgrow

The jquery plug-in jgrow enables textarea to automatically adjust the size of the text based on the length of the text.

Jgrow

Jquery form plugin

Provides comprehensive Ajax support for forms, including jquery plug-ins for file upload. Methods/functions provided include: ajaxform, ajaxsubmit, formtoarray, formserialize, fieldserialize, fieldvalue, clearform, clearfields, and resetform. These methods allow you to easily manage the data in the form and the form does not need to be submitted.

Jquery form plugin

 

Mcdropdown jquery plug-in

Mcdropdown is a unique UI control that allows you to select from a complex hierarchical tree drop-down list.

Mcdropdown jquery plug-in

Create a slider from a select box

This is a beautiful jquery plug-in that can automatically convert select boxes into an scyclers control.

Create a slider from a select box

Textarea resizer

This jquery plugin provides the resizer bar to drag and adjust the textarea size.

Textarea resizer

Jquery multiselect

Jquery multiselect is a configurable jquery plug-in. It converts a common list box form control into a drop-down list control with checkbox.

Jquery multiselect
Editable (jquery editable plugin)

This is a truly customizable jqueryeditableplugin. Currently, it can convert uneditable tags (span, Div, p...) into editable tags such as textinput, password, textarea, and drop-down list. You can use its editablefactory object to extend the inputtype you need.

Editable (jquery editable plugin)

Nicejform

Nicejform is a form with a perfect shape. It is based on the jquery library. nicejforms is actually a jquery plug-in to make the form look more beautiful. This is not the final version. I know there are several ways to improve its script, but at least it is a stable version that can be used. Thank you very much for the nicejform released by Lucian slatineanu. You can get more information in his blog.
The test was successful in IE6, IE7, and firefox2.0.

Nicejform

Jscrollpane

The jquery plug-in jscrollpane allows you to replace all the part elements with the default vertical scroll bar style in the browser through simple CSS settings.

Jscrollpane

Use jquery to create a Skype-like button effect.

 

Demo:
Http://www.cssrain.cn/demo/skypebuttons/SkypeButton.html
Http://www.cssrain.cn/demo/skypebuttons/SkypeButton2.html

 

 

1. Jcheckbox:

   :
   
   Introduction:
   Jcheckbox is used to simulate the checkbox effect, so that developers can customize the appearance. Because all attributes are bound to the target checkbox, you do not have to worry about status saving or value problems...
   Navigation:
   Details | online demonstration

 

++ ++

Upload class

++ ++

 

Jquploader

Combined with JavaScript and flash development, a file upload control with an upload progress bar is provided.

Jquploader

Jquery Multiple File Upload plugin

The multi-File Upload plug-in (jquery. Multifile) allows you to select multiple files to be uploaded at a time. In addition, the plugin provides some basic verification functions, such as file extension verification.

Jquery Multiple File Upload plugin

Jquery: Ajax File Upload

The Ajax File Upload plug-in allows you to easily upload multiple files without refreshing the page. In addition, you can use any element (image, text, button, and so on) to trigger the file selection window.

Jquery: Ajax File Upload

 

++ ++

Time and date

++ ++

 

 

 

Jquery UI datepicker

Date Selection Control developed based on jquery.

Jquery UI datepicker

Date Picker

Date Picker is a date Selection control developed by jquery. Supports displaying calendar of multiple months at the same time, marking special dates, making it easy to customize the appearance with CSS, customizing the first day of the week, and the display name of the month and week.

Date Picker

Date range picker

Date Selection Control developed based on jquery ui1.6 and jquery UI css framework.

Date range picker

 

++ ++

Rounded corner

++ ++

 

Jquery corner

You can create jquery plug-ins with various rounded corners without images.

Jquery corner

Jquery curvy corners

The jquery plug-in used to create rounded corners. The size after compression is only 9 KB.

Jquery curvy corners

Jquery corner

More jquery plug-ins for Corner effects.

Jquery corner

Jquery corners

This is a jquery plug-in used to create beautiful rounded corners. Images or other special labels are not required.

Jquery corners

++ ++

Rating

++ ++

 

Jquery Ajax rater plugin

Ability to dynamically Create Ajax rater jquery plug-in.

Jquery Ajax rater plugin

Star Rating widget

Evaluation controls developed using the jquery framework.

Star Rating widget

Jquery star rating plugin

Star Rating plugin is a star rating control based on a set of Radio input boxes.

Jquery star rating plugin

Ajax poll

Use jquery's Ajax and animation effects and give them to the voting system developed by PHP.

Ajax poll

 

Jquery voting component

Main functions:

Test answer box

Can be used for testing questions such as psychological testing

Use questions. XML to set problems and options

Show current score

Display the current answer progress

You can view the selected options.

Use different scores to retrieve different results

Static demo address version

Demo address XML version

Package and download files

Below is the XML version loadedCodeComplete code should be packaged and downloaded

 

++ ++

Virtual Keyboard

++ ++

 

 

In some high-security web designs, users do not need to directly operate on the input form information for the sake of security, instead, an additional web virtual mouse is provided to help users enter completely some private form content. Therefore, we use the three JavaScript Security virtual keyboard plug-ins mentioned in this article.

Custom jquery virtual keypad plug-in

Jquery keypadIs a plug-in tool used to create security form input and provides friendly keyboard interface. This allows users to enter only numbers, letters, and other restrictive operations.

Jquery virtual keyboard

 A learning wizard for creating a jquery virtual keyboard. It teaches you how to create your own jquery virtual keyboard step by step, and JavaScript scripts must be available for free download. Web virtual keyboards with high security are widely used in financial websites and form operations requiring high security. Therefore, it is very useful to learn how to write an excellent Web security virtual keyboard.

Virtual Keyboard

Virtual keyboards are widely used in the development of extremely high-level websites, including online banking websites.Virtual keyboardsIt can help us prevent keyboard operation records and prevent users from performing some special button-limiting operations,Virtual KeyboardIt is easy to use and supports multiple languages.

 

 

++ ++

Other classes 

++ ++

 

Jquery-AOP

Added the jquery plug-in for Aspect-Oriented Programming features for JavaScript. It can add advices (Before, <> AndAround).

Jquery-AOP

Xmlobjectifier

Developed based on jquery, the xml dom can be converted into a JSON JavaScript library.

Xmlobjectifier

Jquery portlets

This jquery plug-in provides some portlets functions including drag/drop, expand, and collapse.

Jquery portlets

Easydrag jquery plugin

This jquery plugin can be used to add a drag-and-drop function for most DOM elements.

Easydrag jquery plugin

1. Drag and Drop:

   :
   
   Introduction:
   Dragnddrop provides a simpler method for developers to implement Dom drag and drop, and can monitor the position of the object dom for data storage...
   Navigation:
   Details | online demonstration

 

1. Resizable:

   :
   
   Introduction:
   The resizable plug-in makes HTML Dom resize easier to implement (this sentence is really awkward )...
   Navigation:
   Details | online demonstration

Jfeed

Jfeed is an RSS/atom feed parser developed based on jquery. Jfeed can parse rss0.91, 0.92, 1.0, 2.0, and atom1.0 feeds.

Jfeed
Jquery. UI progressbar widget

It adopts the progress bar control developed by jquery.

Jquery. UI progressbar widget

Jquery progress bar

A progress bar control developed based on jquery. On its website, an example showing the progress of File Upload is provided. The server uses PHP for processing.

Jquery progress bar

Jquery form plugin

Jtemplates

Javascript template engine developed based on jquery.

Jtemplates

Animated collapsible Div

Add an animation hiding/Display Effect of the Web2.0 style to any Div layer.

Animated collapsible Div
Simple effects plugins

The jquery special effect plugin can be used to hide, hide, display, fade in/out, and slide up/down.

Simple effects plugins

Jquery. hotkeys plugin

This jquery plugin helps you quickly create keyboard trigger events. Any combination of keys is supported.

Jquery. hotkeys plugin

Jmp3

Jmp3 is a javascript MP3 plug-in device developed by jquery. It provides a simple way to play MP3 directly on the page.

Jmp3

Pure

Pure is a javascript template engine that is developed based on jquery and can dynamically generate HTML. JSON data is supported.

Pure
Chain. js

Chain. JS is a jquery plug-in that provides the data binding function. It is used to automatically generate Web content, which is conducive to separation of data and performance.

Chain. js

Ppdrag

Ppdrag is a jquery plug-in that gives page elements the drag effect.

Ppdrag

Jqdnr

Jqdnr is a lightweight jquery plug-in that allows you to drag and drop any element and adjust the element size.

Jqdnr

Scroll follow

Scroll follow is a simple jquery plug-in. When you scroll through a page, the DOM object can be floated and followed.

Scroll follow

Jquery Taconite plugin

This jquery plug-in can use a single Ajax call result to update multiple DOM objects at the same time.

Jquery Taconite plugin

Jquery URL parser

The jquery plugin used to parse the URLs string. You can easily obtain protocols, hosts, ports, query parameters, file names, paths, and so on.

Jquery URL parser

Jquery. xml2json

Jquery. xml2json is a jquery plug-in that can convert simple XML into JSON objects.

Jquery. xml2json

Ajaxify

The jquery plug-in ajaxify converts all links on a page to Ajax loading and request submission.

Ajaxify

 

 

Jquery address-deep linking plugin. From cssrain.cn Author: Cssrain@gmail.com (Admin) Similar to the URL # address technology, the browser's back button takes effect. It can be used in Ajax applications.

 

Demo:
Http://www.asual.com/jquery/address/samples/tabs/
Http://www.asual.com/jquery/address/samples/api/

Download:
Http://www.asual.com/jquery/address/

Quicksearch

Quicksearch, as its name implies, is a jquery-driven quick search plug-in. Ajax displays search results.

Quicksearch | demo