++ ++
Accordion class
++ ++
Based on jqueryDevelopment, very simple horizontal collapse control.
Horizontal accordion: jquery
Popular books: www.hotbook.cn
Jquery-horizontal accordion
Horizontal Direction accordion with xbox360 blade interface style.
Jquery-horizontal accordion
Jquery Plugin: accordion
The jquery plugin used to create the folding menu.
Jquery Plugin: accordion
Popular books: www.hotbook.cn
Accordion menu script
A Foldable menu developed based on jquery.
Accordion menu script
Popular books: www.hotbook.cn
Jquery. ComboBox
Jquery. ComboBox is a ComboBox control developed by jquery. You can use CSS to control the appearance of the ComboBox and set the pull-down animation effects of different styles.
Jquery. ComboBox
Popular books: www.hotbook.cn
++ ++
Autocomplate class
++ ++
The jquery plug-in is easy to integrate into the current form (Form ).
AutoComplete-jquery
Facebook like AutoComplete
Developed based on jquery, similar to the autocompleter provided by faceboox.
Facebook like AutoComplete
Jquery AutoComplete mod
Jquery autcomplete plugin. Limit the number of results displayed in the drop-down menu.
Jquery AutoComplete mod
Jqac
The AutoComplete plug-in developed based on jquery. It is easy to use and easy to configure, and can be read using AjaxDataYou can also directly obtain data from the local device.
Jqac
Popular books: www.hotbook.cn
Jquery tag suggestion
Similar to tag suggesting provided by Del. icio. us.
Jquery tag suggestion
AutoComplete-jquery Ajax
Using jquery (Ajax ),PHPAnd mySQLDeveloped autocompleter.
AutoComplete-jquery Ajax
Jquery. Suggest
The AutoComplete library developed based on jquery is supported across browsers.
Jquery. Suggest
AutoComplete-jquery plugin
A jquery autocompleter that provides cache options to restrictServer.
AutoComplete-jquery plugin
Jquery Plugin: AutoComplete
The input box value is automatically completed, allowing you to quickly search for and filter some values.
Jquery Plugin: AutoComplete
Jsuggest
The AutoComplete jquery plug-in that imitates the Google suggest function.
Jsuggest
Jquery live Ajax search plug-in
Use the autocomplete control developed by jquery. The search result display box can be customized using CSS. The content display is an HTML page.
Jquery live Ajax search plug-in
Ddcombobox
The jquery plug-in the drop-down box with AutoComplete function.
Ddcombobox
Popular books: www.hotbook.cn
++ ++
Paging type
++ ++
Jquery pagination
Jquery paging plug-in
Jquery pagination
Pager jquery plug-in
Jquery paging plug-in.
Pager jquery plug-in
Jquery Pager
A paging UI control developed by jquery can be used in data-driven Web applications.
Jquery Pager
Popular books: www.hotbook.cn
++ ++
Pop-up dialog box
++ ++
Facebox
Facebox is a lightbox Based on jquery and Facebook-style. Display images, Divs, or the entire remotePage.
Facebox
Simplemodal
Simplemodal is a lightweight jquery plug-in that provides a simple interface to create a mode dialog box.
Simplemodal
Jtip
Jtip is a prompt tool developed using jquery. Jtip obtains content through httpxmlrequest. Simple to use. You only need to add jtip to the class of your element and introduce jtip. js and its style.
Jtip
Bettertip
A jquery plug-in that can customize tooltip. Based on jtip, but more flexible than it.
Bettertip
Cluetip
The jquery plug-in cluetip allows you to add tooltip for links or other elements. When a link includes the title attribute, its content becomes the title of the cluetip. The content displayed in cluetip can be obtained through Ajax or from the elements on the current page.
Cluetip
Jquery lightbox plugin
A simple and powerful lightbox control developed based on jquery.
Jquery lightbox plugin
Jquery impromptu
Used to create a mode dialog box. In the confirmation dialog box, enter the jquery plug-in the content dialog box.
Jquery impromptu
Jquery. UI messenger "Outlook like Message notification widget
This jquery. UI control is similar to the prompt box for the messenger "Outlook message.
Jquery. UI messenger "Outlook like Message notification widget
Fancybox
Lightbox plug-in developed based on jquery. You can add shadow effects to enlarged images. For a group of images, you can add a navigation button. In addition to displaying images, this lightbox can also display iframed content and customize the appearance through CSS.
Fancybox
Coda popup bubbles
Developed Using jquery. It is similar to the "bubble" pop-up box.
Coda popup bubbles
Jgrowl
Jgrowl is the jquery plug-in used to create the message pop-up box. The result is similar to the growl Event Notification framework in Mac OSX.
Jgrowl
Jqwindowsengine
This jquery plugin helps you easily create Ajax windows.
Jqwindowsengine
Jquery alert dialogs
This jquery plug-in can replace the alert (), confirm (), and prompt () functions provided by JavaScript. You can use CSS to customize the appearance of a dialog box.
Jquery alert dialogs
Beautytips
Beautytips is a jquery tooltip plug-in.
Beautytips
Popular books: www.hotbook.cn
Facebook/Xiaonei style modal box
:
Introduction:
Use Div, table, and opacity effects to implement the modal box effect...
Navigation:
Details | online demonstration
Popular Library Network: www.hotbook.cn
++ ++
Editor class
++ ++
Jwysiwyg
WYSIWYG jquery plugin. The size of the entire editor file is only 17kb.
Jwysiwyg
Damn small Rich Text Editor
Developed based on jquery, you can create a Rich Text Editor from the IFRAME element. Provides all basic rich text functions, including setting the size of the text editing area and uploading images through Ajax.
Damn small Rich Text Editor
Popular books: www.hotbook.cn
++ ++
Table type
++ ++
Flexigrid
Flexigrid is a grid similar to ext gird, but developed based on jquery. Its functions include adjusting the column width, merging Column Titles, paging, sorting, and displaying/hiding tables. The data displayed by flexigrid can be obtained through Ajax or converted from a common table.
Flexigrid
Ingrid
This jquery DataGrid provides the following functions: You can drag to adjust the column width, pagination, sorting, and set the row/column style.
Ingrid
Jquery Grid
Jqgrid is an ajaxed jquery grid plug-in. Provides the paging function to add, edit, delete, and search records in a table. It supports multiple data types such as XML, JSON, and array. It supports multi-row selection and subtables, integrate date selection controls.
Demo
Jquery Grid
Tablehover
When a jquery plug-in of tablehover moves through the mouse, the entire column or row of the table can be colored and highlighted. Tables of colspans and rowspans are supported.
Tablehover
Jquery. resizer
A lightweight jquery plug-in is used to create tables that can be dragged to adjust the Row Height and column width.
Jquery. resizer
Tablesorter
The jquery plug-in tablesorter can convert the standard htmltable with thead and tbody labels into a sortable. Tablesorter can sort multiple data types, including text, Uris, integers, currency, floats, IP address, date, time, and custom data type. Supports sorting of complex table headers and secondary hidden sorting. Supports multiple browsers: ie6.0 +, ff2 +, safari2.0 +, and opera9.0 +.
Tablesorter
Csv2table
The csv2table plug-in can convert the content of a CVS file (created using Excel) into an HTML table.
Csv2table
Tableformsynch
Tableformsynch is a jquery plug-in that updates table and form data. It provides the following functions: adding rows based on the data in the form. Delete the selected row and clear all data in the form. Tableformsynch supports all form controls, including checkboxes, radio, buttons, and <SELECT>.
Tableformsynch
Popular books: www.hotbook.cn
++ ++
Color selector
++ ++
Farbtastic
Farbtastic is a color picker plug-in. It can add multiple color selection controls to a page, and then each control is associated with an element in the page, such as a text input box.
Farbtastic
Jquery color picker
A simple color selection control. Operation Method and color selection operation in Adobe Photoshop.
Jquery color picker
Icolorpicker
Icolorpicker is a jquery color picker of only 6 kb. You only need to set the class attribute of the input box to "icolorpicker" to change to a nice color selector.
Icolorpicker
Popular books: www.hotbook.cn
++ ++
Right-click menu
++ ++
Contextmenu
The jquery plug-in used to create a shortcut menu.
Contextmenu
++ ++
Image news flash display popular books: www.hotbook.cn
++ ++
Imgareaselect
The jquery plugin imgareaselect can select a rectangular area in an image.
Imgareaselect
Easy slide
Easyslide is a gallery display plug-in developed based on jquery. easyslide can automatically display the images in any Web Container (container, with pause, you can use it as a gallery display, animation, and advertisement banner.
Easy slide
Easy news
Easy news is a jquery plug-in that allows you to easily display website news or text content. You can set the fade in-out, slide up-down, left to right effects, adjust the display speed and modify CSS to change your favorite style.
Easy news
Easy News Plus
Easy News Plus is a jquery plug-in that is developed based on easy news and displays rolling news or text and text content. However, it has a completely different display mode (the main display method is sliding left and right) than easy news ).
Easy News Plus
Jqzoom
The image magnifier plug-in developed based on jquery.
Jqzoom
Jquery Plugin: Text highlight
Jquery plug-in that uses JavaScript to color keywords on the page.
Jquery Plugin: Text highlight
Jcarousel Lite
This jquery plugin helps you organize images and other content in a scrolling manner.
Jcarousel Lite
Jcarousel
Jcarousel is a jquery plug-in used to control the horizontal or vertical order of a list project. The list project content can be static HTML content or content loaded through Ajax. You can scroll forward or backward.
Jcarousel
Spacegallery-jquery
Developed Using jquery, this is similar to image gallery ).
Spacegallery-jquery
Jquery slider Gallery
This is an album control developed based on jquery, similar to the product display on the Apple website.
Jquery slider Gallery
Jquery cycle plugin
Jquery cycle plugin is a slideshow plug-in. Multiple conversion effects are supported: shuffle, zoom, fade, turndown, curtainx, and scrollright.
Jquery cycle plugin
Zoomimage
This jquery plug-in allows you to present images in popular ways. Provides: pre-loaded image prompts, groups images, automatically adjust the image display ratio, and controls Image Group browsing.
Zoomimage
Prettyphoto
Prettyphoto is a "clone" of jquery lightbox ". Added animation effects, Image Library browsing, and other features.
Prettyphoto
Thickbox
Thickbox is a mode dialog box UI control. Developed based on jquery, it can be used to display single or multiple images, embedded content, iframed content, or content obtained through Ajax.
Thickbox
Galleria
Galleria is an image display plug-in developed using jquery. It uses a thumbnail to navigate to a large image. You can use CSS to set the overall album style. Allows you to create thumbnails in proportion and cut them into small images suitable for display in the thumbnail container. It can trigger some events, so you can perform some actions during image loading.
Galleria
Jquery Flash plugin
A jquery plug-in is used to embed a Flash video into a page.
Jquery Flash plugin
Jquery. serialscroll
Jquery. serialscroll is a jquery plug-in used to create a rolling effect. It supports horizontal/vertical scrolling and mixed scrolling.
Jquery. serialscroll
Innerfade
The jquery plug-in innerfade enables any group of elements (such as IMG and Div) to fade in and out.
Innerfade
Nyromodal
A jquery-based mode dialog box that is very flexible and Customizable for appearance/animation effects. You can use ajax to call the target content and change the dialog box size.
Nyromodal
Crossslide
The jquery plug-in crossslide provides some commonly used JavaScript slide show animations, such as dynamic movement, scaling, gradient, slide-in, and slide-out.
Crossslide
Magnify
Magnify is a jquery plug-in that can add a magnifier to an image.
Magnify
IMG notes
A prompt box is displayed when you move the cursor over the image.
IMG notes
Fancyzoom
Fancyzoom uses the zoom effect to display images or any HTML pages. You do not need to enable the page to load images. The effect is also available on the official website of Apple Mac.
Fancyzoom
Jcrop
Jcrop is a cross-browser jquery image cutting plug-in (Jquery image crop plugin). You can add a CSS style to the cut box. When selecting or dragging, you can add a callback event (callbacks), which can constrain the width and height when cutting.
Jcrop
Galleriffic
Galleriffic is a jquery plug-in used to create a quick photo album display. You can view images in a slide or by clicking a thumbnail. Galleriffic also supports pagination so that it can display more images.
Galleriffic
Image Upload and auto crop
Use the crop tool developed by PHP and jquery.
Image Upload and auto crop
Prettygallery
Prettygallery is a gallery navigation control slider. Developed based on jquery, in addition to navigation images, it also supports any other content. You can configure the navigation scroll speed and image Title Description.
Prettygallery
Jquery. Popeye
The jquery. Popeye plug-in can convert a group of unordered image lists into a simple album. When you click an image, the image will be enlarged in the lightbox style. The image display box provides forward/backward control and can add remarks for each image. Jquery. Popeye can automatically adjust the height and width of the display box based on the image size.
Jquery. Popeye
S3slider
S3slider is a jquery slideshow plug-in with the effect similar to smooth slideshow.
The description of the currently displayed image can be displayed transparently anywhere on the image.
S3slider
Pirobox
Lightbox control developed by jquery. The image size can be adjusted automatically based on the browser form size. Provides forward/backward control links. Dynamically load image effects. Easy to customize.
Pirobox
Simple controls Gallery
This is an image slideshow control developed using jquery. Provides a control menu for pause, play, forward, and backward display. This jquery slideshow allows you to automatically play images when the page is opened and store recently viewed images in cookies.
Simple controls Gallery
Agile usel
Jquery slideshow plugin. It is easy to customize the image switching effect. Provides functions such as opening/closing image titles and adding text watermarks.
Agile usel
Jquery Plugin-page peel
This is a jquery plug-in used to create page peel (volume page/Page peeling) effects.
Jquery Plugin-page peel
Easy Slider
A jquery plugin that allows you to play images or any other content horizontally or vertically when you click a navigation button.
Easy Slider
Imgpreview
Image preview jquery plugin. When you move the cursor over an image link, an image display box similar to the tooltip effect appears next to the link.
Imgpreview
Jquery Fade in. Fade Out
This is a jquery plug-in used to make the image fade in and out.
Jquery Fade in. Fade Out
Captioning
This jquery plug-in displays the title information on an image and slides as you move your mouse over the image.
Captioning
Jparallax
This is a jquery plug-in used to generate parallax phenomena. Mparallax has the same effect as jparallax but is developed using the mootools framework.
Jparallax
Jquery --- use image pre-loading technology to create slides
:
Some demos:
Http://www.cssrain.cn/demo/jQueryImgLoad/Demo1/demo2.html
Http://www.cssrain.cn/demo/jQueryImgLoad/Demo2/demo3.html
Http://www.cssrain.cn/demo/jQueryImgLoad/Demo3/demo4.html
Http://www.cssrain.cn/demo/jQueryImgLoad/Demo1/demo1.html (previously done, non-preload)
Download:
Http://www.cssrain.cn/demo/jQueryImgLoad/jQueryImgLoad.rar
Jquery pageslide
Jquery pageslide is a jquery plugin that controls the display and closure of a hidden page. Specifically, the current page occupies a complete page, and hidden pages cannot be seen. You can set a place for control. When you click this control, the event is triggered and the hidden page pops up. Click again to hide the space outside the page and it will be closed again.
This is suitable for placing important content on the home page in a limited space, while hiding some pages does not necessarily need to be displayed, but users need to expand the display content.
Creating a slick auto-playing featured content Slider
Niall Doherty's coda slider inspired many designers. the slick auto-playing featured content slider created by Chris coyier uses the coda slider plug-in to implement what we often call "image focus effects ". Mostly used for portal sites.
Portfolio layout idea using jquery
A very beautiful special effect layout. This portfolio layout created by Benjamin Sterling uses jquery's easing plugin. This is suitable for users who want to present their portfolio.
The thumbnail list is displayed on both sides of the page. When you click each entry, all content of the work will be displayed in the middle part of the page with the special effects that exit and then enter the site.
Jquery --- blur and clear the image
Http://www.hotbook.cn/
Many image websites use this technology, and Google image center is no exception.
The image of this technology is first blurred and then clearly displayed.
The Blur principle is a small image, and the size is equal to the width and height of the large image.
The small image is enlarged, and it is a matter of course blurred.
Imagine: the size of a small image is 10 KB, and the size of a large image is kb, so the speed of loading a small image is 50 times that of a large image.
Of course, you will say, what is the case if you directly display a large image? The answer is: a blank space is waiting for you.
Demo:
Http://www.cssrain.cn/demo/loadImages/loadimages.html
Use jquery to implement webpage newspapers
Demo:
Http://www.cssrain.cn/demo/jquerynewspager/demo.html
Principle: The newspaper content is used as the background image for relative positioning.
Then the DIV inside is set to absolute positioning, and the size, left and top must match the background image.
So there is a certain rule.
Download:
Http://www.cssrain.cn/demo/jquerynewspager/jquerynewspager.rar
Extended:
When a background engineer asks, is it easy to transmit coordinates, width, and height? Do users know how to use it?
Teach users how to use Photoshop ?...!!!
Solution:
You can use the image plug-in. Generally, the plug-in can obtain four coordinates, width and height,
Of course, we only need this, and we do not need to take out the image.
Jquery shopping website product display.
Author:Cssrain@gmail.com (Admin)
ProgramIntroduction:
1. Click the large image to bring up the mask effect.
2. the thumbnail below can scroll left and right.
3. Click a new window to open the current large image.
4. The small and medium-sized images in the mask layer can also scroll left or right, or the large images can be opened.
The test passed in IE6, IE7, firefox3 & Google browser.
Demo:
Http://www.cssrain.cn/demo/jqueryProduct/demos.html
Download:
Http://www.cssrain.cn/demo/jqueryProduct/jqueryProduct.rar gallerific
Galleriffic is an image display tool created by using Mike alsup's jquery cycle plugin, including thumbnails, image titles, descriptions, and other details.
2, zoomimage
Zoomimage presents the image effect in a charming way. The thumbnail link pops up a large image on this page, and you can drag the floating image at will.
3, easyslider
Easy slider allows you to slide images or any other content horizontally or vertically. You can also customize styles through CSS.
4, The slider from Barack Obama's website
A drop-down slide Menu Control image magic light from the US President Barack Obama website.
5. codaslider
Codaslider has a good sliding control effect.
6. jquery slider II
The layout of jquery slider II is very consistent with the operation habits. It lists the Thumbnail Control List with a scroll bar at the bottom, and then displays the large image browsing on it, which is very suitable for advanced album.
7. Beautiful slider popular books: www.hotbook.cn
Beautiful slider: You can see how great this plug-in is. Yes, the effect of this plug-in is no inferior to that of flash, and the overall performance is smooth, the text display effect is more creative and unique.
8, loopedslider
Loopedslider is another slide plug-in for Rolling switching any content. It is easy to use.
9. spacegallery
Spacegallery is a brand new jquery plug-in. clicking the current image will automatically zoom in and disappear, and the subsequent image will be displayed forward, with a sense of time machine.
10, jquery Popeye
11. noobslide hot books: www.hotbook.cn
12. Accessible news slider: www.hotbook.cn
13. Hot smoothgallery books: www.hotbook.cn
Smoothgallery is one of the best JavaScript slide effects and can achieve different slide conversion effects.
14, jquery multimedia portfolio
Jquery multimedia portfolio is a jquery-based slide effect plug-in. In addition to displaying images, you can add different types of multimedia files.
15, s3slider
S3slider