Common jquery web tool set 7

Source: Internet
Author: User
Tags printable characters mootools wysiwyg html editor

Jquery Desktop

Use jquery to implement a desktop similar to window, including the top menu and a bottom taskbar.

Jquery Desktop

Create a resizable image grid with jquery

Use jquery to create a plug-in that uses the slider to zoom in or out a group of images.

Create a resizable image grid with jquery

Image

Animated navigation with CSS & jquery

Use CSS + jquery to implement an animated navigation bar. When you move the mouse over a menu item, it will roll.

Animated navigation with CSS & jquery

Menu

Jtimepicker

Jtimepicker A jquery plug-in is used to set hours, minutes, and seconds. Use jquery UI slider to drag and adjust.

Jtimepicker

Jquery fixed table header plugin

This is a jquery plug-in that can fix the header. When the table scroll down, the table header does not move.

Jquery fixed table header plugin

Grid

Dialog jquery plugin

A jquery dialog plug-in that can be dragged to change the size and load content using Ajax.

Dialog jquery plugin

Window

Jquery numeric

Jquery numeric can only enter numbers 0 to 9 in the text box.
Usage: $ (input). Numeric ();

Jquery numeric

Forms

Jhtmlarea

A simple, lightweight, scalable, and jquery-based wysiwyg html editor. This component can easily convert the textarea tag on the page into a wysiwyg html editor. The entire Editor contains images and CSS with a size of only 22 KB.

Jhtmlarea

Editor

Jquery esay tooltip

This plug-in allows you to implement a beautiful tooltips in a simple way.
$ (Element). easytooltip (formid );

Jquery esay tooltip

ToolTips

Reditor

Reditor is an HTML editor developed based on jquery and jquery UI.

Reditor

Notify

Notify is a jquery plug-in used to create a pop-up message and notification box on a webpage. The style of the message box is completely controlled by CSS. You can use group notifications to send different notification messages in different regions. A message box is displayed on the top, bottom, and side.

Notify

Htmlbox

Htmlbox is an HTML/XHTML editor developed based on jquery. Easy to use. Supports multiple browsers: Mozilla Firefox, Internet javaser6.0, opera, Safari, and Netscape. Very small, only 15 kb. Htmlbox returns HTML by default, but can also output XHTML. Integrate Ajax support.

Htmlbox

Editor

Jquery countdown

Jquery countdown is a jquery plugin used to create a countdown.

Jquery countdown

Slideshow Lite

Slideshow Lite is a simple slide-Type Image Display plug-in. Simple HTML code structure, easy to use, and customizable.

Slideshow Lite

Slideshow

Imgzoom

The jquery plug-in imgzoom achieves smooth image scaling. It uses a vector image (SVG/VML) to achieve beautiful conversion between the thumbnail and the source image.

Imgzoom

Image

Jomino

Encapsulate Multiple HTML elements in a jquery set, and then let them produce domino effects.

Jomino

Barcode

Barcode is a jquery plug-in for generating bar codes in the following formats:
-Ean 8
-Ean 13
-Standard 2 of 5 (industrial)
-Interleaved 2 of 5
-Code 11
-Code 39
-Code 93
-Code 128:
-Codabar
-MSI
Support: add and delete CRC (depending on the barcode type), you can set the barcode width, height, color, and font size, add and delete HRI (human readable interpretation: readable interpretation ), it can output BMP, SVG, and CSS types.

Barcode

Zooma

Zooma is a jquery extension for image magnifiers.

Zooma

Image

Jquery Plugin: maxchar

The maxchar plug-in is used to add a maximum of printable characters to any HTML text input box (input or textarea) and dynamically display the remaining number of printable characters. Maxchar supports processing the number of characters that are attached by right-clicking the menu.

Jquery Plugin: maxchar

Forms

Nmcdropdown

Nmcdropdown is used to create the jquery plug-in for the drop-down menu.

Nmcdropdown

Making a Google wave history Slider

By using jquery, you can drag the slider to view comments before and after a comment section. Drag forward to show the latest comments, and drag backward to hide the comments. Similar to Google wave history slider.

Making a Google wave history Slider

Slider

Simplemodal

Simplemodal is a lightweight jquery plug-in that provides a powerful framework for creating mode dialogs. Because it is a framework, it can give you great flexibility to build any Mode dialog box you want.

Simplemodal

Window

Javascript image ComboBox

Javascript image ComboBox can convert a traditional select drop-down box into an image ComboBox that can add icons to the drop-down list.

Javascript image ComboBox

Forms

Xheditor

Xheditor is a simple mini and efficient visual XHTML editor developed based on jquery. It is web-based and compatible with IE 6.0-8.0, Firefox 3.0, opera 9.6, chrome 1.0, and Safari 3.22.
Features (features ):

  • Small: initially load 5 files, including: 1 JS (45 k) + 2 CSS (7 k) + 2 images (4 K), a total of 56 K. If the JS and CSS files are compressed and transmitted by gzip, it can be further reduced to about 21 kb.
  • Fast: developed based on the jquery engine to provide efficient code execution efficiency
  • Simple: a simple call method. With a class attribute, You can instantly turn your textarea into a visual editor with rich functions.
  • Word: implements automatic detection and cleaning of Word Code, provides an efficient and perfect Word Code filtering solution, optimizes and simplifies the generated code, but does not lose any details.
  • UBB: provides the perfect UBB visual editing solution. You can enjoy the convenience of visual editing while obtaining secure and efficient code storage.

    Xheditor

    Editor

  • Activebar2

    Activebar2 is a Message notification bar that spans the entire browser and is close to the top. This message notification method is more important to users.

    Activebar2

    Apple-like slideshow Gallery

    Use jquery and CSS to create a beautiful jquery plug-in that is similar to Apple's photo slides.

    Apple-like slideshow Gallery

    Gallery

    Jquery tab slide out plugin

    This is a scalable tab on the left of the page developed using jquery.

    Jquery tab slide out plugin

    Tabs

    Jquery animated feedback tab thingy

    It is also a scalable tab control developed by jquery and floating on the left side of the page.

    Jquery animated feedback tab thingy

    Tabs

    Mega drop down menus

    Supports the jquery drop-down menu containing hundreds of projects in the pop-up menu.

    Mega drop down menus

    Menu

    Chroma-Hash

    Chroma-hash is a jquery plug-in that provides users with a better password input experience. It can convert the input value into a certain color combination. You only need to remember the color of the correct password to determine whether the entered password is correct, and do not need to wait until the server is submitted to know whether the password is correct.

    Chroma-Hash

    Filemanager

    This is an open-source File Manager developed based on jquery and can be integrated into ckeditor/FCKeditor and other HTML editors. Upload, download, rename, and delete files. Filemanager is implemented in Python by default on the server side, but its support for other languages can be extended through a simple javascript API provided by filemanager.

    Filemanager

    Editor

    Jquery-JSON

    Jquery-JSON is a JSON plugin that allows you to easily convert and restore Data in JSON format.

    Jquery-JSON

    Ical-like calendars

    Use jquery to create an iCal monthly view calendar.

    Ical-like calendars

    Calendar

    Jmaxinput

    Jmaxinput can limit the number of words entered by textarea, similar to the input box for sending messages on Weibo. The number of characters that can be entered is displayed.

    Jmaxinput

    Forms

    Jquery image cropper with Uploader

    Online image cropping tool that includes the upload function. In addition, the tool provides rotation, color conversion, and other functions.

    Jquery image cropper with Uploader

    Image Upload

    Jstickynote

    Jstickynote is a jquery plug-in used to create electronic notes. It can be "pasted" on your website like desktop notes. You can set the note size, the drag position, and the color of the text in the note. The dragged note is displayed on top of other notes.

    Jstickynote

    Jparse

    Jparse is an XML parsing jquery plug-in. This plug-in can be used to parse the XML data returned by jquery Ajax request.

    Jparse

    Mega menus

    Mega menus is a jquery plug-in that allows you to move the mouse over a drop-down menu. It can contain multiple rows and columns. You can set the time and animation when the menu disappears when you move the mouse away.

    Mega menus

    Menu

    Dynamic jquery image gallery with Uploader

    Dynamic jquery image gallery with Uploader is an album component that includes the Multifile upload function. It consists of two jquery plug-ins: uploadify and ad-gallery, and a PHP File Upload processing script.

    Dynamic jquery image gallery with Uploader

    Gallery PHP

    Slideviewerpro

    Slideviewerpro is a fully customizable jquery image gallery plug-in. Supports any number of images. You can set whether to automatically display the image, switch the title, drag and drop the title, customize the forward-backward button, and customize the magic light to play the animation.

    Slideviewerpro

    Imgbox

    Imgbox is a jquery plugin that enables smooth image scaling. You can open multiple images at the same time. The interface is similar to the Mac style. Supports most browsers.

    Imgbox

    Image lightbox

    Elrte

    Elrte is an open-source wysiwyg html editor developed using jquery UI. Both normal and full screen modes are supported. The interface can be configured in a CSS file. I18n is supported. This editor can be easily localized to any language. Elrte comes with a Web file manager called elfinder. The default processing script on the server side is Php. Elrte supports firefox3.5, Internet assumer7/8, safari4, opera10, and chrome.

    Elrte

    Editor

    Creating a "filterable" portfolio with jquery

    Use jquery to develop a panel for content filtering by category.

    Creating a "filterable" portfolio with jquery

    Sexylightbox

    Sexylightbox is more beautiful and lighter than the classic lightbox control. Any content can be displayed, and the jquery or mootools framework is optional.

    Sexylightbox

    Lightbox mootools

    Dmenu jquery plugin

    A jquery drop-down menu plug-in that can set icons for menu items.

    Dmenu jquery plugin

    Menu

    Messager jquery plugin

    A dialog box that can be used to display messages. The dialog box types include show, alert, confirm, and prompt.

    Messager jquery plugin

    Window

    Tabs jquery plugin

    This is a jquery tab plug-in. You can set icons, close tags, and hide tags.

    Tabs jquery plugin

    Tabs

    Formtowizard plugin

    Formtowizard is a jquery plugin that combines multiple forms into a wizard.

    Formtowizard plugin

    Forms

    Jpaginate

    Jpaginate is a strange jquery paging plug-in. When you click the page number or move the cursor to the arrow, the page number will scroll forward or backward.

    Jpaginate

    Timeago

    The timeago jquery plugin can format the time in a more user-friendly and readable format. For example, the timestamp like "" can be automatically converted to "2 minutes ago" or "4 days ago.

    Timeago

    Jquery pagination

    Jquery paging plug-in

    Jquery pagination

    Pagination

    Pager jquery plug-in

    Jquery paging plug-in.

    Pager jquery plug-in

    Pagination

    Jquery Pager

    A paging UI control developed by jquery can be used in data-driven Web applications.

    Jquery Pager

    Pagination

    Jquery quick pagination

    This jquery plug-in can quickly and easily paging any group of elements on the page.

    Jquery quick pagination

    Pagination

    Jquery paginator

    This jquery paging plug-in is displayed on the response of totalpage. The cookie is used to save the currently selected page number (if you return to this page within 24 hours, the page at the time of last departure is automatically selected ); you can configure the posturl value to load paging data from the server.

    Jquery paginator

    Pagination

    Pagination jquery plugin

    This paging plug-in provides the following functions:

  • Page size of plug-ins
  • You can add custom tool buttons.
  • The displayed prompt information can be changed.

    Pagination jquery plugin

    Pagination

  • Jpaginate

    Jpaginate is a strange jquery paging plug-in. When you click the page number or move the cursor to the arrow, the page number will scroll forward or backward.

    Jpaginate

    Pagination

    Jqslickwrap

    Jqslickwrap is a jquery plug-in that can truly wrap content around the image. This plug-in uses the HTML5 canvas label, which is easy to use.

    Jqslickwrap

    Image

    Create a Twitter style login form with jquery

    Use jquery to create a Twitter-style drop-down login form.

    Create a Twitter style login form with jquery

    Forms

    Topup

    Topup is a lightbox control developed based on jquery/jquery UI. Displays images, videos, webpages, and HTML content. Highly customizable features.

    Topup

    Lightbox

    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.