10 responsive jquery Implementation Picture effect plugin

Source: Internet
Author: User

1. The large-screen focus graph effect of the map network based on jquery

Map Network Large-screen jquery Focus map code, you can set the switching mode, such as fade-out switch, left and right scrolling switch, up and down scrolling switch, can set whether automatic rotation, can set the mouse to stop the play and so on.

Online Demo

SOURCE download

2.HTML5 animation effect of roller coaster based on SVG implementation

Today we want to share a cool html5/svg animation, this HTML5 animation is a roller coaster effect, mainly using the SVG path animation to achieve, the overall animation effect is smooth and natural, the effect is very cool.

Online Demo

SOURCE download

3.jQuery enable Apple official web page to scroll up and down full screen effect

This is a jquery-based implementation of the Apple official web page up and down scrolling full-screen effect source code, the mouse slide page up and down to see the Web page full-screen sliding effect, the picture over natural, smooth effect. The overall effect is very atmospheric gorgeous! is a classic application example of jquery single page/full screen scrolling plugin onepage-scroll.

Online Demo

SOURCE download

4. Classification selection based on jquery realization of seat product display effect

The jquery category selection seat product display code is a click to show the various parts of the seat's effect code.

Online Demo

SOURCE download

5. The digital prize-winning Tiger effect based on jquery

jquery Digital Award Tiger effect, the interface is very beautiful, the figures are all picture composition, the number of the lottery is generated immediately, can be directly displayed on the page.

Online Demo

SOURCE download

6.jquery Flash Dynamic effect banner ad for emulation of Flash

jquery simulation Flash to achieve the dynamic effect of flash banner advertising source, is a step can be realized gradually out of the image code, this section of code is very suitable for advertising use.

Online Demo

SOURCE download

7.Swipebox: Beautiful jQuery Lightbox plug-in for touch-screen devices

The Swipebox is a touch-enabled jQuery Lightbox effect plugin for desktop, mobile and tablet computers. Its mobile device supports sliding gesture navigation, desktop computers can be navigated with the keyboard, the browser does not support the CSS3 transition features of jQuery degraded processing, support retina display, can be easily customized through CSS.

Online Demo

SOURCE download

8.CSS 3D Transforms Achieve book effect

This use of CSS 3D Transforms to achieve creative book effect from the Codrops website. You can see two types of book designs: Hardcover books and peace-loaded books. Both of these effects can be easily modified by using CSS. Let's try it.

Online Demo

SOURCE download

9. Create gorgeous dynamic CSS3 menus without images and JS

In this tutorial, we'll discuss some of the new features and features of CSS3, and teach you how to make a cool circular navigation menu without using images and JavaScript. This instance will use the new features of CSS3: Border-radius and animation.

Online Demo

SOURCE download

10.S gallery– very distinctive responsive JQuery album plugin

S-Gallery is a responsive jQuery photo album plugin. The HTML5 full-screen API and CSS3 animations and CSS3 transformations are used, so they can only be used in browsers that support these features. This plugin features a feature: Exit slide mode back to Grid view mode, and the last active picture will be animated back to the initial position in the grid view, so users know which image they are browsing to in the gallery.

Online Demo

SOURCE download

>> This article fixed link: http://www.i7758.com/archives/885.html

10 responsive jquery Implementation Picture effect plugin

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.