Home > Web Front-end > JS Tutorial > The gorgeous transformation of the Select box based on JQuery_jquery

The gorgeous transformation of the Select box based on JQuery_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Release: 2016-05-16 18:03:04
Original
1118 people have browsed it

However, this situation may be gone forever. If you guess that HTML5 technology is used, you are wrong. In China, the vast majority of people use IE6 browser. This ancient browser I don’t know HTML5.

What I recommend now is a JavaScript plug-in, which has two versions, JQuery and Prototype, and supports all types of browsers. After using it, the select box on your page will become so beautiful that it will surprise you. The following is a comparison of the effects before and after use.

Radio selection mode:

单选框 原始
单选框 美化后

Multiple selection mode:

多选框美化效果

For more effects, please visit the Chinese translation of the official homepage of this plug-in Chosen demo page .

The specific usage is very simple. You only need to add the class="chzn-select" attribute to the select, and then call jquery: $(".chzn-select").chosen(), and everything is done.

Related labels:
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Issues
AngularJS Select default value?
From 1970-01-01 08:00:00
0
0
0
Select option using PHP loop
From 1970-01-01 08:00:00
0
0
0
Chrome doesn't apply padding to select options
From 1970-01-01 08:00:00
0
0
0
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template