10 Web front-end source preview based on jquery

Source: Internet
Author: User

1. Excellent Responsive jQuery Slider plugin

The IView slider is a great jQuery slide plug-in that enables you to swipe through text, images, videos and many other Web content. The IView Slider supports responsive layouts and works well in touch-screen devices. The IView slider has 35 stunning transitions (Transition effects) to help you create a wide variety of sliding effects. The IView slider provides three different forms of loading progress bars, providing a vivid and intuitive way to tell the user how long the next slider will be loaded. IView Slider relies on jQuery and Raphael, providing an easy-to-use API that makes it easy to implement beautiful content sliding effects.

Online Demo

SOURCE download

2. Ultra lightweight customizable back to top JQuery plugin

The Scrollup is a lightweight jQuery plug-in that enables custom scrolling to the top (Scroll to top) functionality. Scrollup can be fully customizable via CSS, which makes it very simple to integrate into your project. The official offers Tap, Pill, Llink, Image Five styles, which can be configured as needed.

Online Demo

SOURCE download

3. Very lightweight delay loading plugin

The JQuery unveil is a lightweight delay-loading plugin that supports high-resolution images for Retina display devices. This plugin is useful for improving the loading performance of images in long web pages, because images other than viewports (visible portions of pages) will not be loaded until the user scrolls to the area where they are located. Lazy loading has some cool options, such as custom effects, containers, events, or data properties. If you do not want to use these features, you can reduce the size of the file, leaving only the necessary code to display the image.

Online Demo

SOURCE download

4. Super-Fine custom check box & radio button

ICheck is a set of JQuery-based custom checkboxes and radio buttons to avoid duplicating wheels in daily development. In a large number of browsers, devices and their different versions, it provides a consistent look and feel. Callbacks and methods can be used to easily handle modifications and custom input. Currently compatible with IE 7+,firefox 2+,chrome,safari and Opera + + browser. In addition, it supports Opera Mini, Chrome Mobile, and mobile browsers like Safari Mobile. Test passes on Ios,android,blackberry and Windows Phone devices.

Online Demo

SOURCE download

5.parallax.js: The parallax Effect plug-in for adaptive smart device orientation

Parallax.js is a simple, lightweight parallax engine that responds to the direction of smart devices. Use the position of the cursor instead when there is no gyroscope or motion detection hardware available. There are a lot of behaviors that you can set for any given parallax instance. These behaviors can be called either through the data properties specified in the markup or through constructors and JavaScript APIs.

Online Demo

SOURCE download

6.EasyDropDown: Great Theme drop-down menu

Easydropdown is a jQuery plugin that lets you effortlessly set simple Select elements into customizable style drop-down menus for forms or general navigation. Similar to the famous drop-down plugin Chosen, but with its own features, such as simplicity, semantic tagging, compatible form validation, full keyboard control, scrolling support, downgrading to native UI on touch devices, and many more.

Online Demo

SOURCE download

7. Powerful gadgets for managing CSS animations

Animo.js is a powerful gadget for managing CSS animations. Its features include like stack animations, creating cross-browser blur, setting callbacks for animation completion, and more. Animo also includes amazing animate.css, providing you with nearly 60 beautiful animations, plus some auxiliary animations to the library.

Online Demo

SOURCE download

8. Create IOS-style prompts and notifications using Iosoverlay.js

Iosoverlay.js is used to implement IOS-style notifications and hints in WEB projects. To prevent the icon from flashing when it loads, you need to preload the image resource. Browsers that are not compatible with CSS animations need jQuery support. Browser compatible: ie7+, Google Chrome, Firefox, Opera, Desktop Safari, Mobile Safari-iphone & IPad.

Online Demo

SOURCE download

9.jsPDF: Powerful PDF generation tool based on HTML5

Jspdf is a HTML5-based client solution for generating PDF documents for a variety of purposes. The use of the method is simple, as long as the introduction of the Jspdf library, and then call the built-in method can be. Browser compatibility: IE, Firefox, Chrome, Safari, Opera, the future will be compatible with the following versions of IE 10, for the following versions of IE10 will use downloadify to achieve file download functionality.

Online Demo

SOURCE download

10. 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

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

10 Web front-end source preview based on jquery

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.