`

Jquery dialog 弹出对话框【转摘】

阅读更多

DEMO网址:http://www.jsres.com/weebox/demo/weebox.html
论坛网址:http://bbs.jsres.com
使用webox0.1做的项目:http://www.9wee.com
使用webox0.3做的项目:http://www.xtowns.com
下载网址:http://www.jsres.com/weebox/download/weebox0.3.zip

它含有以下特性:

.支持多层弹窗

.支持单一弹窗,即同ID弹窗在打开第二次使用时,前一个将被自动关闭,参考boxid选项

.支持自定义样式,参考boxclass选项

.解决IE中SELECT的问题,使用了bgiframe功能

.支持拖动效果,通过draggable设置,参考draggable选项

.支持内容来源方式Ajax, Selector(jQuery的), Text(直接内容)

.支持多种弹窗类型,参考type选项

.支持自动关闭,参考timeout选项

.支持遮照效果(modal弹窗),参考modal选项

.支持不同的显示位置,中间或者以某个元素为参照物,参考position选项

.支持弹窗打开前(onopen)、点确认(onok)、点取消(oncancel)、关闭窗口(onclose)等的回调函数

.支持打开后,重新设置标题(setTitle)、内容(setContent)、按钮等方法

.支持只在弹窗内查找元素的方法:find(selector)

.支持打开和关闭时的动画效果,参考animate、showAnimate,hideAnimate选项

截图效果如下:







 

 

挺好的插件,来至:http://code.google.com/p/weebox 的项目。跟大家分享下,如有侵权,请速与我联系..

 

程序在附件里。

分享到:
评论

相关推荐

    jQuery Dialog 弹出层对话框插件(可加载url地址)

    **jQuery Dialog弹出层对话框插件:深入解析与应用** jQuery Dialog是jQuery UI库中的一个组件,它提供了一种优雅的方式在网页上创建交互式的弹出层对话框。这个插件不仅允许用户展示信息,还可以加载外部URL内容,...

    jQuery网页弹出对话框 jQuery网页弹出对话框特效.zip

    对于弹出对话框,jQuery提供了`.dialog()`方法,这是基于jQuery UI库的一个组件。要使用此功能,首先需要在页面中引入jQuery库和jQuery UI库的CSS和JS文件。接着,可以将一个HTML元素(如div)转换为对话框: ```...

    比较不错的jquery提示框:jQuery Modal Dialog弹出对话框.rar

    一个想当漂亮的jquery提示框:jQuery Modal Dialog弹出对话框插件,可用它实现各种的网页提示效果,比如错误提示框、警告框、操作提示框等,暖色调界面,使用方法简单,参考本例所展示的各种提示框生成办法,就可...

    jquery弹出登录对话框

    在网页开发中,提供友好的用户交互体验是至关重要的,其中,弹出对话框是一种常见的交互方式。在本文中,我们将深入探讨如何利用jQuery库创建一个弹出登录对话框,为用户提供无缝且直观的登录功能。 一、jQuery简介...

    jQuery触屏弹出对话框.zip

    《jQuery触屏弹出对话框:打造极致移动用户体验》 在当今移动互联网时代,优化触屏设备上的用户体验已经成为开发者的重要任务。"jQuery触屏弹出对话框"正是为解决这一问题而生的一款实用插件,它专为触屏手机设计,...

    jQuery dialog对话框插件点击弹出对话框代码

    jQuery dialog对话框插件是jQuery UI库中的一个核心组件,用于创建可自定义的模态或非模态对话框。这个插件提供了丰富的功能,包括拖动、调整大小、自动定位以及多种主题样式,使开发者能够轻松地在网页中添加交互式...

    VC++如何弹出对话框Dialog

    - 在需要弹出对话框的地方,创建对话框对象,然后调用`DoModal()`方法。如果`DoModal()`返回IDOK(通常是用户点击了“确定”按钮),则表示用户完成了对话;如果是IDCANCEL(“取消”按钮),则表示用户终止了对话...

    jQuery点击按钮弹出对话框窗口提示插件

    本文将详细讲解如何使用jQuery实现一个点击按钮弹出对话框窗口提示的插件,以便用户在执行关键操作前进行确认或取消。 首先,我们需要引入jQuery库。在`index.html`文件中,添加以下代码片段来引入jQuery: ```...

    jquery dialog弹出层

    而jQuery UI则是在jQuery基础上扩展的一套交互式用户界面组件库,其中包括一个强大的对话框(Dialog)功能,即“jQuery dialog弹出层”。这个弹出层在网页应用中广泛用于创建模态或非模态警告、提示、确认或者更复杂...

    jQuery点击弹出对话框确认窗口代码.zip

    总之,“jQuery点击弹出对话框确认窗口代码”是一个利用jQuery实现的交互功能,它通过简单的API调用和DOM操作,提高了用户界面的互动性和反馈质量。了解并掌握这些基本的jQuery技术对于开发具有丰富用户体验的Web...

    移动端Dialog弹出对话框插件同时支持jQuery和Zepto

    在移动端Web应用开发中,用户交互的体验至关重要,而Dialog弹出对话框是常见的交互元素之一。`dialog.js`插件就是为了满足这种需求而设计的,它专为移动端优化,同时兼容了两种流行的轻量级JavaScript库:jQuery和...

    jQuery点击弹出对话框确认操作代码.zip

    在这个特定的"jQuery点击弹出对话框确认操作代码"中,它可能不仅仅显示一个简单的警告,而是创建了一个自定义的对话框。这通常涉及到使用CSS来设计对话框的样式,以及使用JavaScript来控制其显示和隐藏。对话框可能...

    18、jQuery弹出对话框jQuery插件Dialog

    jQuery Dialog是jQuery UI库中的一个核心组件,它提供了一种优雅的方式来实现弹出对话框功能。这个插件允许开发者创建可自定义的模态或非模态窗口,用于显示警告、确认信息、输入数据或者展示丰富的内容。在网页交互...

    jQuery模态弹出层对话框,Dialog,可关闭.rar

    jQuery Dialog弹出层对话框插件演示,简单的那种,看上去比较不错,下面说一下用法: 基本操作 默认的 new Dialog(‘这是一个默认对话框‘).show(); 非模态对话框 new Dialog(‘非模态对话框,可以打开多个.,{modal...

    jquery dialog css3弹出对话框插件实例

    在网页开发中,jQuery Dialog是一种常用的交互元素,它允许开发者创建功能丰富的弹出对话框,以展示信息、警告、确认或进行用户输入。这个“jquery dialog css3弹出对话框插件实例”提供了使用jQuery UI库和CSS3技术...

    ios dialog弹出对话框

    在iOS开发中,"ios dialog弹出对话框"是一个关键的用户界面元素,它用于向用户提供信息、询问决策或接收输入。与Android平台上的AlertDialog类似,iOS中的对话框主要用于打断用户的当前操作,显示一个临时视图,这个...

    JQuery实现对话框效果 即弹出对话框背景变暗且不可操作

    本文将深入探讨如何使用jQuery实现一个对话框效果,即在弹出对话框时,背景变暗并且用户无法操作背景内容,以提供更好的用户体验。 首先,要实现这种效果,我们需要引入jQuery库到我们的HTML文件中。可以使用CDN...

    jQuery.dialog.js网页弹出对话框美化特效插件

    《jQuery.dialog.js:网页弹出对话框的美化与特效实现》 在网页设计中,对话框(dialog)是一种常见的交互元素,用于展示重要的信息或进行用户操作确认。jQuery.dialog.js是一个专为网页开发者设计的轻量级插件,...

    商业编程-源码-ljh Dialog 弹出对话框控件.zip

    在这个"商业编程-源码-ljh Dialog 弹出对话框控件.zip"压缩包中,包含的是一个专门用于创建自定义对话框的源码实现,名为"ljh Dialog"。这个控件可能是一个面向商业应用的组件,旨在提供更加灵活和定制化的对话框...

    jQuery弹出层对话框插件.zip

    然后,通过编写jQuery代码来触发弹出对话框。例如,我们可以这样创建一个简单的对话框: ```html <button id="open-dialog">点击弹出对话框 $(document).ready(function() { $('#open-dialog').click(function()...

Global site tag (gtag.js) - Google Analytics