`

jquery弹出窗口

    博客分类:
  • web
阅读更多
JQuery-Dialog(弹出窗口,遮蔽窗口) 
在Ajax中经常用到的弹出窗口和遮蔽窗口。自己写肯定是一个最佳方案,但时间和成本上,还是决定了寻找现成的吧。大概罗列一下。需要我满足我几个条件

一定要简洁方便 
拥有遮蔽功能,Model Dialog ,所谓的模态窗口 
可以根据HTML弹出窗口 
可以定义弹出窗口的位置,大小 
其实我只需要一个框,我更希望框的内容我自己控制,这样通用性就强了。而且一定要简洁,不能弹个框也要配置复杂。

最后挑选下来最满意的Boxy
http://onehackoranother.com/projects/jquery/boxy/



Boxy生产的HTML代码也是很乱的。但Boxy的设置最简单,所以上手很容易(关注ing,发现CUP有些偏高)。

–=Other Links=–
http://www.ericmmartin.com/projects/simplemodal/
http://dev.iceburg.net/jquery/jqModal/#examples
simplemodal、jqModal 。这两个是最简单的,灵活性很好,但需要自己配制的多,而且官方的DEMO和我要的需求不是很相同。需要配置的多,学习成本高了。
如果你希望定制自己的Dialog,这两个插件,可以作为基础包,在基础包在封装一下。就可以很方便的满足你的要求。

http://www.malsup.com/jquery/block/
BlockUI效果很好。而且官方的帮助也很详细,如果只是简单的使用遮蔽,推荐使用,上手也容易。

http://jquery.com/demo/thickbox/
貌似很复杂,而且偏向于图片,直接就否决了

http://docs.jquery.com/UI/Dialog
官方的要,还要引几个扩展的JS,支持窗口缩放什么的,但生产的代码也太复杂了,不推荐。

网络上整理的一些Dialog列表
http://hi.baidu.com/freezesoul/blog/item/2889b44580e2fd23cffca3fb.html
http://vision-media.ca/resources/jquery/jquery-popup-plugin-review

 

分享到:
评论

相关推荐

    JQuery弹出窗口实例源码

    JQuery弹出窗口实例源码

    JQUERY 弹出窗口

    在"JQUERY 弹出窗口"这个主题中,我们主要探讨的是如何利用jQuery实现弹出对话框或者弹出层的功能,这些功能通常用于显示提示信息、用户确认、表单填写等多种场景。 首先,jQuery 提供的 `.show()`, `.hide()`, 和 ...

    Jquery弹出窗口

    **jQuery弹出窗口详解** jQuery库是Web开发中不可或缺的一部分,它简化了JavaScript的许多操作,包括创建交互式的弹出窗口。在网页设计中,弹出窗口常用于通知、确认、展示详细信息或获取用户输入。jQuery提供了...

    jQuery弹出窗口

    **jQuery弹出窗口详解** jQuery库是JavaScript中最广泛使用的库之一,它简化了HTML文档遍历、事件处理、动画和Ajax交互。在网页设计中,弹出窗口是一种常见的交互元素,用于显示通知、确认对话框或者展示更详细的...

    jquery 弹出窗口

    在本篇中,我们将深入探讨jQuery弹出窗口的各种实现方式及其应用场景。 首先,我们有最基本的`alert()`,`confirm()`和`prompt()`这三个原生JavaScript弹出窗口,但它们的功能较为单一,样式固定。在jQuery中,我们...

    jQuery 弹出窗口

    在"jquery弹出层"这个压缩包文件中,可能包含了实现上述功能的HTML、CSS和JavaScript代码示例。你可以通过查看和学习这些文件,进一步了解如何在实际项目中应用jQuery来创建弹出窗口和半透明遮罩效果。记得在实际...

    漂亮的JQUERY弹出窗口

    "漂亮的JQUERY弹出窗口"这个主题聚焦于jQuery中的弹出窗口功能,这通常指的是模态对话框或提示框,它们在用户界面上提供了一种吸引用户注意力并进行交互的方式。以下是对这个主题的详细讲解: 首先,jQuery弹出窗口...

    jQuery弹出层/jQuery弹出窗口/_全集

    "jQuery弹出层/jQuery弹出窗口/_全集"这个资源集合显然是一个包含多种jQuery弹出层和弹出窗口实现的综合教程或代码库。这些弹出效果通常用于显示通知、对话框、模态窗口、下拉菜单等多种用途,是网站用户交互的重要...

    jquery实现弹出窗口

    "jquery实现弹出窗口"是一个常见的需求,尤其在用户交互和信息提示时。这里我们将深入探讨如何使用 jQuery 来创建具有良好兼容性的弹出窗口,并结合实例 "ModalDIV_jquery" 进行讲解。 首先,jQuery 弹出窗口通常被...

    jquery弹出窗口(CkBox)

    《jQuery弹出窗口CkBox详解与应用》 在网页设计和开发中,弹出窗口是一种常见的交互元素,用于展示信息、确认操作或提供额外的功能。jQuery作为一个强大的JavaScript库,为开发者提供了丰富的插件和方法来创建弹出...

    jquery弹出窗口效果 比较全 兼容所有浏览器

    本资源"jquery弹出窗口效果 比较全 兼容所有浏览器"聚焦于jQuery实现的弹出窗口效果,旨在为开发者提供一套全面且兼容性良好的解决方案。 首先,弹出窗口在网页交互中扮演着重要角色,常用于提示信息、用户确认、...

    jQuery 弹出窗口 模式窗口 模式层

    而jQuery弹出窗口、模式窗口(Modal Dialogs)和模式层(Modal Layers)是jQuery增强用户体验的重要功能之一。这些功能允许开发者在不离开当前页面的情况下展示信息、进行用户交互或确认操作,极大地提升了网站的...

    jquery 弹出窗口的插件

    **jQuery弹出窗口插件——artDialog** 在Web开发中,弹出窗口是一种常见的交互设计,用于显示警告、确认信息或者进行复杂的用户交互。jQuery,作为JavaScript库的翘楚,有许多优秀的插件来实现弹出窗口功能。其中,...

    jquery 弹出窗口简单例子

    jQuery弹出窗口(通常称为popup)是网页设计中常见的功能,用于显示额外的信息或者获取用户的输入。在这个"jquery 弹出窗口简单例子"中,我们将探讨如何使用jQuery和JavaScript来创建一个基础的弹出窗口。 首先,让...

    jquery弹出窗口插件

    jquery弹出窗口插件jquery弹出窗口插件jquery弹出窗口插件jquery弹出窗口插件jquery弹出窗口插件jquery弹出窗口插件jquery弹出窗口插件jquery弹出窗口插件jquery弹出窗口插件jquery弹出窗口插件jquery弹出窗口插件...

    jquery 弹出窗口,可以用登录,注册,选项等

    要创建一个 jQuery 弹出窗口,首先需要引入 jQuery 库和相应的样式表(如 `thickbox.css`)以及弹窗插件的脚本文件(如 `thickbox.js`)。在本例中,可能使用了 Thickbox 这个流行的 jQuery 插件,它提供了一种美观...

Global site tag (gtag.js) - Google Analytics