177th, jquery, the front-end of the FAQ-Overview and jquery UI

jquery, the tip of the question-Overview and jquery UI

Learning Essentials:

1. Project Introduction

2.jQuery UI

3.UI Themes

A Project Introduction

We focus on building the interface and layout, and most of the front-end functionality, modeled after the "know-what" architecture pattern. and "Baidu knows" as an auxiliary function to determine the front-end function We need for this project. From the above well-known question and answer site, we can confirm the most important front-end features: 1. Popup dialog, 2. Front button, 3. Folding menu, 4. tab switch, 5. Slider, 6. Calendar, 7. Auto-Complete, 8 drag-and-drop, and a series of front-end modules.

Two JQuery UI

The jquery UI is an open source JavaScript Web user interface code base based on jquery. Visual controls that contain underlying user interaction, animations, effects, and replaceable themes. We can use it directly to build Web applications that have a good interactive nature. The web site of the JQuery UI is:http://jqueryui.com/, we download the latest version. At present, the latest version of this lesson is: Jquery-ui-1.10.3.custom.zip. Inside the directory structure is as follows:

1.css, contains CSS files related to the JQuery UI;

2.js, including JQuery UI-related JavaScript files;

3.development-bundle, contains several different subdirectories: Demos (jquery UI sample file), Docs (documentation file for jquery UI), themes (CSS theme file), and UI (JavaScript for jquery UI files). 4.index.html, you can view the index page of the JQuery UI feature.

Three CSS Themes

CSS themes are the skin of the JQuery UI and are available in a variety of tonal templates. For programmers, you can use the templates that are most compatible with the Web site, and for artists, you also provide templates that are based on design without any style. We can be here: http://jqueryui.com/themeroller/View existing template styles

Speaker:Jquery-ui-1.10.3.custom

when using Jquery-ui

First introduce jquery

In the introduction of jquery-ui

Then introduce the jquery-ui css file, which is the theme

177th, jquery, the front-end of the FAQ-Overview and jquery UI