您的位置：首页 > Web前端 > JQuery

jquery ui插件实现漂亮弹出对话框方法

2013-09-05 20:23 447 查看

关于jquery ui插件简单介绍
jquery ui 是以 jquery 为基础的开源网页特效网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。
用户交互组件
包括draggable 拖动、droppable 放置、resizable 缩放、selectable 复选、sortable 排序。
可视控件
包括accordion 折叠面板、datepicker 日期选择、dialog 对话框、progressbar 进度条、slider 滑块、tabs 标签页。
动画、特效
文档***中……
如何使用中文文档
浏览入门教程、文档使用指南，开始您的 jquery ui 之旅
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" " http://www.111cn.cn/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html
xmlns=http://www.zhutiai.com/>
<head>
<title></title>
<link href="../css教程/ui-lightness/jquery-ui-1.8.11.custom.css" rel="stylesheet" type="text/css" />
<script src="jquery-1.4.2.js" type="text/javascript"></script>
<script src="jquery-ui-1.8.11.custom.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#div1").dialog();
});
</script>
</head>
<body>
<div id="div1">
<table>
<tr><td>用户名</td><td><input type="text" style="width:100px" /></td></tr>
<tr><td>密码</td><td><input type="text" style="width:100px" /></td></tr>
</table>
</div>
</body>
</html> 看一下效果图

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航