The cool and practical jQuery plug-ins cover menus, buttons, images, and cool jquery

Source: Internet
Author: User

The cool and practical jQuery plug-ins cover menus, buttons, images, and cool jquery

The new week begins. Today we will share some brand new jQuery plug-ins and HTML5/CSS3 applications. These jQuery plug-ins are not only cool but also practical, this sharing includes jQuery menus and CSS3 buttons, which are already used for various image effects. Let's take a look.

1. CSS3 book flip animation book flip Effect

Today, we will share a cool and practical CSS3 animation effect, which is an animation effect for simulating book pages. When you move the mouse over the upper right corner of a book, the book will be able to flip one page forward, and the page turning animation is very realistic. Due to the use of CSS3, we do not need to use complex images to create realistic book effects, so it is easy to flip books. I have also shared some HTML5 book flip animations: jQuery/CSS3 book flip animation effects and HTML5/CSS3 book flip 3D animations.

Online Demo

Source code download

2. Pure CSS3 black bubble background animation menu

Today we are going to share a very cool CSS3 animation menu. This CSS3 menu has a very beautiful black bubble background, and the menu is silver-white, it is intertwined with a black background and has a 3D visual effect. The use of CSS3 gives the menu a rounded corner effect, and the background is changed when the mouse slides over the menu.

Online Demo

Source code download

3. jQuery/CSS3 floating drop-down menu

Today, we will introduce a jQuery drop-down menu. This jQuery drop-down menu applies some CSS 3-related attributes, but it is not complicated and has no beautiful animations, but it is very practical. Another feature of this jQuery menu is that the overall menu is float and the style is very novel. When you move the mouse over the menu item, you can expand the drop-down menu.

Online Demo

Source code download

4. Shared buttons for pure CSS3 include common social networking website buttons

We have introduced a lot of very useful sharing buttons, including HTML5 and CSS3 based, jQuery and CSS based, which have very good results. Today, we will share a social sharing button implemented by pure CSS3, which does not use images and contains basic sharing buttons for common social websites.

Online Demo

Source code download

5. CSS3 3D paging navigation buttons

This is a 3D paging navigation button implemented by CSS3. Like some jQuery paging plug-ins previously shared, this CSS3 3D paging plug-in also provides pre-And page numbers and numbers pages, the difference is that the page pages of this paging plug-in are 3D navigation buttons. The style is very novel, but CSS 3 is required.

Online Demo

Source code download

6. CSS3 animated album image fade-in and fade-out animation effect

This is an animated album Based on CSS3. We have shared many such albums before, such as HTML5 3D image albums. Very gorgeous. Today's CSS3 album is relatively practical. When you hover the mouse over the thumbnail, the original image will be displayed with a fade-in animation effect. You can apply it to your website.

Online Demo

Source code download

7. Copying QQ space photo album Image Browsing jQuery plug-in

Today, we will share a jQuery-based album Image Browsing plug-in. It is a photo album browsing component that imitates the QQ space. Click the thumbnail to bring up the Image Browsing window, this jQuery photo album Image Browsing plug-in features: 1. Supports switching between the left and right keys; 2. Supports the ESC key to exit the album browsing mode; 3. allows you to input custom text descriptions. The disadvantage is that no animation is applied, so that the image browsing experience is not very high, but you can use jQuery animation or CSS3.

Online Demo

Source code download

Fixed Link: http://www.i7758.com/archives/1647.html

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.