Special effects of text buttons and jQuery button forms based on jquery

Special effects of text buttons and jQuery button forms based on jquery

1. jQuery Slide button controls image transition effects

The Slide button Based on jQuery controls the source code of the image transition special effect. A total of four images are automatically switched, and there are excessive slide effects when switching. You can also customize the title text and content of a slide. Is a very good special effect source code.

Online Demo

Source code download

2.htm 5 + CSS3 form beautification with input verification Effects

The form beautification effect implemented by pure html5 + css3 and the Code with the input verification special effect are very practical on the website.

Online Demo

Source code download

3. forms with a masked pop-up layer created by jquery for login Registration

After clicking the button, the code of the desired page is displayed on the original page. This code is widely used in various pages of various websites and is very practical.

Online Demo

Source code download

4. jQuery's drop-down box beautification Effect Based on the DropDownList. js plug-in

This code is very common on websites.

Online Demo

Source code download

5. 3D image animation with multi-angle rotation based on HTML5 and TweenMax. js

TweenMax is a very common animation frame, TweenMax. js is the JS version of TweenMax. Today we will combine it with TweenMax. js and HTML5 are used to implement a stunning 3D image wall animation. Several images are enclosed in a wall, and the image wall can be rotated as the mouse moves, and the rotation speed can be changed according to the mouse, very cool HTML5 3D animation applications.

Online Demo

Source code download

6. HTML5/CSS3 implemented gorgeous date selector source code

It is a gorgeous HTML5/CSS3 calendar application, which features a very cool date selection effect. When you move your mouse over a date, a three-dimensional background is displayed, compared with the previously shared HTML5/CSS3 date selection plug-in with a date range, although the function is slightly inferior, it is still a very practical HTML5 calendar in general.

Online Demo

Source code download

7. Fox running animation effects based on HTML5 SVG

The super-cool HTML5 animation is a fast-Running Fox. The running action is very natural and realistic, and the long fox tail will swing. In addition, this HTML5 fox running animation is based on SVG. We have also introduced a lot of SVG animation effects. It can be seen that SVG also has great advantages in animation production.

Online Demo

Source code download

8. webpage color selection implemented by jQuery and MiniColors. js plug-ins

You can click to bring up the color library. Then, you can select your favorite color code at will. You may have encountered such a requirement. articles published on the website may vary depending on the situation, you need to give the title of this article different colors. someone left a form and opened dw or photoshop to find the color code. enter the code. this tedious process is used to achieve different colors of different articles. however, this jquery plug-in allows you to find the color code in less time, find the color you want, and return it to your input box in a timely manner. all you need to do is save the selected color code to the database.

Online Demo

Source code download

9. Text effects prompted by a pop-up window above the user registry ticket implemented by jQuery

You can not only prompt the considerations above the input form, but also enter the verification code.

Online Demo

Source code download

In 10.html 5, you can answer questions one by one and enter the answer until all the forms are completed.

You can use code anywhere on the webpage. For example, you can enter the homepage only after entering all the forms at the beginning of the homepage, or you can only go to the next step after completing all the forms, at the same time, when the form is not filled in, it is not allowed to be skipped. It is also suitable for recruitment websites. In this case, we can change it to a problem related to recruitment information. In short, this code is very practical and can be downloaded and used by friends who need this code.

Online Demo

Source code download