Share 10 mainstream web Front-end jquery-based source code preview downloads and 10 jquery

Source: Internet
Author: User

Share 10 mainstream web Front-end jquery-based source code preview downloads and 10 jquery

1. jquery Tag Editor plug-in Tag Editor

Tag Editor is a powerful and lightweight jQuery Tag Editor plug-in.

Online Demo

Source code download

2. jQuery automatically generates css projection styles

You can use jQuery to automatically generate css projection styles to customize the projection size, distance, color, transparency, and so on.

Online Demo

Source code download

3. jquery-based Mouse clicking

Today, I want to introduce a special water wave effect that is implemented by jquery by clicking the mouse. Click the page with your mouse, and you can see that the page appears continuously ripple, And the ripple gradually disappears.

Online Demo

Source code download

4. Select-or-Die: flexible jQuery drop-down list plug-in

Select-or-Die is a jQuery plug-in that uses the Select element to customize the drop-down list. Native drop-down selection elements have many differences in the default style of Each browser, and it is difficult to customize the style. Therefore, Web developers prefer to use plug-ins to simulate the drop-down selection function. This plug-in provides a variety of options, you can try.

Online Demo

Source code download

5. Dense. js-responsive retina Image Support

Dense is a jQuery plug-in that provides a simple method for devices to provide precision pixel-ratio images, bringing retina support to your website, blurred removal, and clearer images. By simply including the jQuery plug-in page, you can implement responsive support for Retina (Rtina) images.

Online Demo

Source code download

6. Toolbar. js implements a cool Tooltip style Toolbar

Toolbar. js is a jQuery plug-in that helps you quickly create a Tooltip-style Toolbar. It can be used for websites or Web applications. You can use the Twitter Bootstrap icon to easily customize the toolbar style. You can also configure the toolbar display position and Icon quantity flexibly.

Online Demo

Source code download

7. jQuery pixel bird

This is a pixel bird implemented by jQuery. The game is a little difficult, and you have the idea of hitting a computer after you play it. Pixel bird is a mobile phone game in 2013. It has a rolling mode on the side. Players control a bird flying between green pipes but not in touch with pipelines.

Online Demo

Source code download

8. jQuery Form Verification

JQuery Form Verification verifies HTML by combining with JavaScrip. This is a simple client library that saves you a lot of time when entering and confirming or selecting HTML forms!

Online Demo

Source code download

9. jquery Scroll Detection

Scroll Detection uses a simple method to detect remote users on your website. In this example, a drop-down navigation bar is displayed when you Scroll to the bottom of the page.

Online Demo

Source code download

10. jQuery text editor plug-in jWYSIWYG

JWYSIWYG is a jQuery text editing plug-in that creates the WYSIWYG editor. It can be customized and easy to use. It can be used for other plug-ins and rtl support.

Online Demo

Source code download


How can front-end JSP, JS, JQUERY, HTML, and other front-end development be visually developed during web development? For example, insert a dynamic image at a location.

You should be a newbie.
I advise you not to think about the opportunistic method.
What you said about front-end tools, such as dreamweaver...
However, the Code written by this tool usually comes with a lot of spam Code... Once you get used to using tools, you don't know how to write code until you want to write your own code later, which is a major obstacle to your level improvement.
At the beginning, I will definitely find it annoying to write data at the front-end. However, after you write it for a while, you will find it very simple. This indicates that you have to improve the level.
The news homepage generally reads data from the database by date and time, so there will be updates when new data is inserted.

It is better to learn which website jquery and other web Front-ends are on.

Jquery's official website is fine. Learning jquery is mainly used for multiple purposes. First, write it according to the basic example. The best way is to directly look at jquery's source code. After getting familiar with jquery, you can check it out. It is very enlightening.

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.