`
xlbaby0402
  • 浏览: 28622 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

JqueryUI学习之Dialog（一）

jQueryCSSJavaScriptUI工作 
阅读更多

趁着工作之余，我在学习jQuery，从最简单的开始，用的最新的jQuery1.5.1跟jquery-ui-1.8.11.custom.min.js还有image跟CSS，自己记录在学习过程中的知识，都是些比较简单的属性，事件，跟它的方法，从Dialog开始，顾名思义，是个对话框。开始来了解它的属性。

<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-ui-1.8.11.custom.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.ui.datepicker-zh-CN.js"></script>
<LINK href="${pageContext.request.contextPath}/css/jquery-ui-1.8.11.custom.css" type=text/css rel=stylesheet>
<script>
$("#dialog").dialog({resizable: false //不可改变大小});
</script>
<body>
<div id="dialog" >你好</div>
</body>

 

resizable: false //控制dialog对话框改变的大小，默认为true。
draggable: false //设置对话框不能移动
modal: true //如果设置为true，那么会整个页面上面其他的动作就被禁止了，默认为false。
stack: true //获得焦点，默认为true
title: '提示'  //标题
height: 200 //高度
width: 200 //宽度
//大概常用的就这些属性，还有更多的就参看帮助文档。
分享到：
| JSP页面中，EL表达式获取根路径。
评论
1 楼 jacking124 2011-11-15  
我现在的问题就是显示的位置不可以设置。请你指点一二呀。
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery ui中的dialog

    jQuery UI是一个功能丰富的JavaScript库，它提供了许多用户界面元素，如对话框（Dialog）、拖放（Draggable）、可排序（Sortable）等。在这些元素中，Dialog是创建弹出式窗口或模拟对话框的常用工具，广泛应用于网页...

    jquery ui dialog 扩展

    在前端开发中，jQuery UI Dialog是一个非常实用的组件，它提供了弹出对话框的功能，可以用于警告、确认、信息提示等场景。这篇内容将深入探讨jQuery UI Dialog的扩展，包括如何自定义行为、增强功能以及与其他技术...

    jquery-ui-dialog-demo

    `jquery-ui-dialog-demo` 是一个基于 jQuery UI 库的弹出窗口插件示例，它提供了丰富的交互式对话框功能，包括模拟原生 JavaScript 的 `alert` 和 `confirm` 对话框以及自定义的打开（open）模式。这个插件使得在...

    jqueryUI_dialog实例

    本文将深入探讨“jqueryUI_dialog实例”，这是一个关于如何使用jQuery UI库创建对话框（Dialog）功能的实践案例。 jQuery UI的Dialog组件是网页应用中常见的一种交互元素，用于显示模态或非模态窗口，例如警告、...

    jquery ui Dialog 添加最大最小化按钮控制

    在IT领域，jQuery UI是一个非常流行的前端开发库，它提供了许多可交互的用户界面组件，如Dialog（对话框）就是其中之一。"jquery ui Dialog 添加最大最小化按钮控制"的主题涉及如何扩展jQuery UI Dialog的功能，使其...

    JQuery UI Dialog使用样例

    jQuery UI 是一个基于 jQuery 的用户界面库，提供了丰富的交互组件，其中 Dialog（对话框）是一个非常实用的功能。Dialog 可以用于创建模态或非模态窗口，通常用于显示警告、确认信息或者进行表单输入等场景。在本篇...

    jquery.ui.dialog

    里面是经过修改的jquery.ui.dialog.js（版本jQuery UI Dialog 1.8.12），添加了parentElement: 'body'，详情查看http://forum.jquery.com/topic/dialog-will-move-its-div-tag-to-body

    jQuery UI Frame Dialog官方修正版（官方1.1.2版本上面有问题）

    jQuery UI Frame Dialog是一款基于jQuery UI库的对话框插件，用于在网页中创建具有框架效果的弹出对话框。在官方1.1.2版本中，存在一个CSS加载问题，导致对话框的样式可能无法正常显示，影响了用户体验。这个问题在...

    jqueryUI插件中Dialog的运用

    Dialog组件是jQuery UI中的一个核心功能，用于创建模态或非模态的对话框，能够帮助开发者构建更加交互友好的Web应用。在本文中，我们将深入探讨jQuery UI Dialog的运用。 **1. 安装与引入** 在使用jQuery UI ...

    JQuery UI Dialog

    JQuery UI Dialog 是一个功能强大且灵活的对话框组件，它提供了许多有用的属性和方法来帮助开发者快速创建自定义的对话框。在本文中，我们将详细介绍 JQuery UI Dialog 的一些重要属性和方法，并提供实践中常见的...

    jQuery_UI全教程之一(dialog的使用教程).

    在这个“jQuery UI全教程之一”中，我们将重点关注dialog组件的使用。 Dialog组件在jQuery UI中扮演着弹出窗口的角色，常用于创建登录、注册、消息提示等交互功能。它具有高度的可定制性，可以根据需求调整样式、...

    JQuery UI 中文帮助文档

    jQuery UI 是一个基于 jQuery JavaScript 库的开源项目，它提供了丰富的用户界面组件，使得开发者能够轻松创建交互性强、视觉效果美观的网页应用。这个中文帮助文档是针对jQuery UI的详细指南，旨在帮助开发者更好地...

    jquery ui 学习 练习

    1. **jQuery UI Dialog**: Dialog组件是jQuery UI中的一个核心功能，它允许你创建模态或非模态的对话窗口，用于显示警告、信息或进行表单输入等。通过设置选项，你可以调整对话框的位置、大小、标题、按钮等，使其...

    jQueryUI全教程之一dialog[汇编].pdf

    《jQueryUI全教程之一：对话框（Dialog）的深度解析》 jQuery UI 是一款基于 jQuery 库的强大前端用户界面工具包，提供了丰富的组件和交互效果，其中包括Dialog组件，也就是我们通常所说的弹出层。Dialog在网页设计...

    jQuery UI组件 jQuery UI

    jQuery UI 是一个强大的前端开发框架，基于流行的JavaScript库jQuery构建，它提供了丰富的用户界面组件，能够帮助开发者快速构建交互性、视觉吸引力强的网页应用。jQuery UI 包含了大量的预设样式和功能，这些组件...

    jQuery_UI全教程之一_dialog以及Datepicker使用说明

    ### jQuery UI全教程之一：Dialog及Datepicker使用详解 #### 一、Dialog 组件使用教程 **1.1 Dialog 概述** Dialog 是 jQuery UI 中一个非常常用的组件，它可以实现弹出层的功能，广泛应用于登录、注册、消息提示...

    Jquery UI dialog 详解 (弹出层)

    Jquery UI Dialog 是 jQuery UI 库中的一个重要组件，它提供了一个简洁而强大的界面来创建对话框或者弹出层。通过简单的配置和使用，开发人员可以轻松地集成各种交互式的弹出窗口到他们的网站或应用中。本文档将详细...

    jquery ui & themes

    1. **部件（Widgets）**：jQuery UI提供了多种UI部件，如日期选择器（Datepicker）、对话框（Dialog）、滑块（Slider）、进度条（Progressbar）、标签页（Tabs）和下拉菜单（Selectmenu）等。这些部件都封装了复杂的...

    jQuery UI dialog 的使用

    在web开发中，jQuery UI是一个提供丰富交互效果的JavaScript库，它为jQuery增强了许多高级的UI组件。本知识点专注于jQuery UI的dialog组件的使用方法。 首先，要使用jQuery UI的dialog组件，必须确保已经正确引入了...

    Jquery_ui的dialog使用文档概述

    ### Jquery UI 的 Dialog 使用详解 #### 概述 Jquery UI 的 `Dialog` 是...对于更高级的用法和示例，建议访问官方示例地址 [http://jqueryui.com/demos/dialog/](http://jqueryui.com/demos/dialog/) 进行学习和参考。

Magicbox
Global site tag (gtag.js) - Google Analytics