简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > JS Tutorial > body text

强大的jquery插件jqeuryUI做网页对话框效果！简单_jquery

WBOY
Release： 2016-05-16 18:07:52
Original
1347 people have browsed it

我们先来最简单的，网页的登录窗口；

不过开始之前，大家先下载jquery的插件
本人习惯用了vs2008来做网页了，先添加一个空白页

强大的jquery插件jqeuryUI做网页对话框效果！简单_jquery

这是最简单的的做法。。。先在body里面插入






用户名
密码


这是时候我们就要把下载的东西解压好，把其中jquery1.4.2文件夹里的jquery-1.4.2.js还有jquery-ui-1.8.11.custom文件夹里的js文件夹的jquery-ui-1.8.11.custom.min.js，把这两个复制到目录下

强大的jquery插件jqeuryUI做网页对话框效果！简单_jquery

现在我们就来添加引用了，这时候如果是装了2008的sp1的话，可以直接拖动那两个js文件到代码head标签中来，当然也可以手动添加的，看图：


强大的jquery插件jqeuryUI做网页对话框效果！简单_jquery

下一步我们就来用它了，

直接调用对象的dialog()方法；好了。。。看看效果吧

强大的jquery插件jqeuryUI做网页对话框效果！简单_jquery

不怎么好看对吧...不要紧张，这时候我们把jquery-ui-1.8.11.custom文件夹里的css文件夹复制进来，看图吧。。。

强大的jquery插件jqeuryUI做网页对话框效果！简单_jquery

把这个jquery-ui-1.8.11.custom.css，css文件添加引用

强大的jquery插件jqeuryUI做网页对话框效果！简单_jquery

好了。。。在看看效果吧

强大的jquery插件jqeuryUI做网页对话框效果！简单_jquery

就是这么简单的几句代码。。。

复制代码 代码如下:


xmlns="http://www.w3.org/1999/xhtml">












用户名
密码





大家学习。。。有好的也告诉我哦.....
Related labels：
jqeuryUI 网页对话框
source：php.cn
Previous article：javascript实现上传图片并预览的效果实现代码_javascript技巧 Next article：再次分享18个非常棒的jQuery表格插件_jquery
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 Articles by Author
Latest Issues
function_exists() cannot determine the custom function Function test () {return true;} if (function_exists ('test')) {echo "test is function...
From 2024-04-29 11:01:01
0
2
1414
How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?
From 2024-04-23 00:22:19
0
9
1511
The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.
From 2024-04-19 15:37:47
0
1
1341
There is no output in the parent window document.onclick = function(){ window.opener.document.write('I am the output of the child ...
From 2024-04-18 23:52:34
0
1
1225
Where is the courseware about CSS mind mapping? Courseware
From 2024-04-16 10:10:18
0
0
1316
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！