Home >Web Front-end >JS Tutorial >The powerful jquery plug-in jqeuryUI creates web dialog effects! simple_jquery

The powerful jquery plug-in jqeuryUI creates web dialog effects! simple_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-05-16 18:07:521533browse

Let’s start with the simplest one, the login window of the web page;

But before we start, everyone first downloads the jquery plug-in
I am used to using vs2008 to make web pages, so I will add a blank page first

The powerful jquery plug-in jqeuryUI creates web dialog effects! simple_jquery

This is the simplest way. . . First insert

in the body






username < ;input type="text" style="width:100px" />
Password


At this time we need to unzip the downloaded things and put the jquery-1.4.2.js in the jquery1.4.2 folder and the js folder in the jquery-ui-1.8.11.custom folder jquery-ui-1.8.11.custom.min.js, copy these two to the directory

The powerful jquery plug-in jqeuryUI creates web dialog effects! simple_jquery

Now we are going to add references. At this time, if you have installed SP1 of 2008, you can directly drag the two js files into the code head tag. Of course, you can also add them manually. See the picture:


The powerful jquery plug-in jqeuryUI creates web dialog effects! simple_jquery

We will use it next,

It doesn’t look very good, right... Don’t be nervous, now we copy the css folder in the jquery-ui-1.8.11.custom folder and take a look at the picture. . . The powerful jquery plug-in jqeuryUI creates web dialog effects! simple_jquery

Add a reference to this jquery-ui-1.8.11.custom.css, css fileThe powerful jquery plug-in jqeuryUI creates web dialog effects! simple_jquery

Okay. . . Let’s see the effectThe powerful jquery plug-in jqeuryUI creates web dialog effects! simple_jquery

It’s just a few simple lines of code. . . The powerful jquery plug-in jqeuryUI creates web dialog effects! simple_jquery


Copy code The code is as follows: www.w3.org/1999/xhtml">










< ;td>
Username
Password



Statement:
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