150 JavaScript Special Effects

Source: Internet
Author: User
Tags mootools
1.   Simplyscroll

The jquery plug-in simplyscroll allows any group of elements to have a rolling animation effect, which can be automatic, manual, and horizontal or vertical. In addition, it can also accept dynamic image input through the Flickr or a local JSON data source.

2.   Animated collapsible Div

Add Web2.0-style animation hiding/display effects to any Div Layer

3.   Jquery pagination   (Demo address)

Jquery paging plug-in

4.   Side bar menu using script. aculo. Us   (Demo address)

The side slide menu developed by script. aculo. Us is used.

5.   Moosocialize

Moosocialize is a Ajax-based social network bookmarkdoning control.

6.   Phatfusion lightbox   (Demo address)

This lightbox control is developed based on mootools. It adds two buttons forward/backward to the page and can be used to compile description in HTML.

7.   Mootools tooltip   (Demo address)

ToolTips control developed by mootools.

8.   Jnice   (Demo address)

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

9.   Jquery calculate   (Demo address)

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

10.   Mobile tooltip widget   (Demo address)

A tool that can display tooltips on an image

11.   Jtip   (Demo address)

Jtip

12.   Cooltips   (Demo address)

Cooltips is a tooltips control developed based on prototype JS and script. aculo. US framework. Customizable appearance and gradient effect (Fade-in and fade-out). Supported browsers include Firefox, opera, Safari, and Internet assumer6.

13.   Bettertip   (Demo address)

A jquery plug-in that can customize tooltip. Based on jtip, but more flexible than it.

14.   Prototip   (Demo address)

Prototip is a tool developed based on the prototype JS framework for creating simple and complex tooltips. For example, you can use it with scriptaculous to add beautiful animated effects to it.

15.   Boxover   (Demo address)

Use JavaScript/DHTML to develop tooltips controls.

16.   Flot   (Demo address)

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.

17.   Jquery lightbox plugin   (Demo address)

A simple and powerful lightbox developed based on jquery

18.   Jquery select box   (Demo address) 19.   Fastfind menu script   (Demo address)

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

20.   Glassbox   (Demo address)

Glassbox is a simple JavaScript UI library. Developed based on prototype and script. aculo. Us. You can use glassbox to build a transparent border, with beautiful layout and similar effects to flash.

21.   Jquery portlets   (Demo address)

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

22.   Moowheel   (Demo address)

Based on mootools1.2 and object development, the Javascript library is used to generate a mesh connected graph.

23.   Jstree   (Demo address) 24.   Proto. Menu   (Demo address)

Proto. Menu is a lightweight right-click menu control developed by prototype.

25.   Jscrollpane   (Demo address)

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.

26.   Lightbox   (Demo address)

Lightbox developed using prototype and script. aculo. Us.

27.   Prototype UI   (Demo address)

Prototype UI is a Web UI component library developed based on Prototype (1.6) and script. aculo. US (1.8. Currently, prototype UI provides the following modules: carousel, modal window, shadow, and context menu, which can be packaged and used separately.

28.   Lytebox   (Demo address)

Lytebox is developed based on prototype. JS, effects. JS, and scriptaculous. js.

29.   Nifty corners cube   (Demo address)

Nifty corners cube is also a JS that can add a rounded corner effect to a div without any image.Program.

30.   Corner. js   (Demo address)

This JS program can add a shadow gradient rounded corner effect to the image.

31.   Curvycorners   (Demo address)

Curvycorners is a javascript program that can create a rounded corner effect for any HTML Div element. It looks as nice as the rounded corner created with the image.

32.   Glossy corners   (Demo address)

Javascript programs that can add 3D rounded corners to images.

33.   Icarousel   (Demo address)

Icarousel is an open-source JavaScript tool used to create controls for rotating/carousel effects.

34.   Jcarousel   (Demo address)

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.

35.   Slideshow 2!   (Demo address)

Slideshow2! This JavaScript tool can display a group of images as a slide.

36.   Carousel component   (Demo address)

This carousel component can be used to display a content list horizontally or vertically (a set of HTML Li elements contained in ul.

37.   Reflex. js   (Demo address)

This Javascript script can add Cover Flow and reflection effects to images.

38.   Open flash chart   (Demo address)

Open flash chart is an open source flash graphics component.

39.   Jqchart   (Demo address)

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

40.   Jquery file tree   (Demo address)

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.

41.   Plotkit   (Demo address)

Plotkit is a pure JavaScript drawing toolkit. It supports HTML canvas and Adobe SVG.

42.   Noobslide   (Demo address)

Noobslide is an image library control developed based on mootools. It provides 7 different image playback methods.

43.   Spacegallery-jquery   (Demo address)

Developed Using jquery, this is similar to image gallery ).

44.   35mm photo Viewer   (Demo address)

35mm photo viewer is a photo group viewer. The dynamic display thumbnail can be used to quickly and visually search for photos in a group.

45.   Jquery slider Gallery   (Demo address)

This is an album control developed based on jquery, similar to the product display on the Apple website.

46.   E2 Photo Gallery   (Demo address)

Open-source album controls developed based on the mootools JavaScript framework.

47.   Minishowcase   (Demo address)

Minishowcase is a simple PHP/JavaScript online photo gallery that does not require database support and complex encoding.

48.   Triptracker slideshow   (Demo address)

Triptracker slideshow is a lightweight JavaScript Image Viewer. It has an animated Display Effect on the slides.

49.   Smoothgallery   (Demo address)

Smoothgallery is a JS album control developed based on mootools with slide display effect.

50.   Jquery cycle plugin   (Demo address)

Jquery cycle plugin is a slideshow plug-in. Multiple conversion effects are supported: shuffle, zoom, fade, turndown, curtainx, and scrollright.

51.   Ingrid   (Demo address)

This jquery DataGrid provides the following functions: You can drag to adjust the column width, pagination, sorting, and set the row/column style.

52.   Carousel. Us   (Demo address)

Carousel. Us is a javascript 3D carousel developed by the prototype. js and scriptaculous. js frameworks.

53.   Highslide JS   (Demo address)

The content of the lightbox control of highslide JS can be images, HTML pages, scrolling HTML pages, content loaded through Ajax, IFRAME, and Flash.

54.   Effects Library-Spry   (Demo address)

14 different special effects developed using the spry framework.

55.   Formsvalidation   (Demo address)

The validation control developed using the spry framework.

56.   Jquery. ComboBox   (Demo address)

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.

57.   Dtree   (Demo address)

Dtree is an easy-to-use JavaScript tree menu control. Supports unlimited classification. Multiple dtrees can be placed on the same page, and different Icons can be specified for each node.

58.   Yahoo! Ui Library: Treeview   (Demo address)

Yui Treeview control is a tree component that allows you to dynamically load node data through the XMLHTTPRequest object and customize metadata for each node.

59.   Prettyphoto   (Demo address)

Prettyphoto is a "clone" of jquery lightbox ". Added animation effects, Image Library browsing, and other features.

60.   Prettycheckboxes   (Demo address)

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

61.   Ddmenu   (Demo address)

Ddmenu is a shortcut menu developed based on mootools. The menu style can be customized through CSS.

62.   Flotr

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.