`
walksing
  • 浏览: 217781 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

JQuery弹出窗口,遮蔽窗口

阅读更多

RWC趋势下,我多采用Jquery框架完成一些效果,有些可以自己写,更多情况都可以用网上现有的。

例如JQuery弹出窗口,遮蔽窗口,大概罗列一下,需要我满足我几个条件

一定要简洁方便
拥有遮蔽功能,Model Dialog ,所谓的模态窗口
可以根据HTML弹出窗口
可以定义弹出窗口的位置,大小
        其实我只需要一个框,我更希望框的内容我自己控制,这样通用性就强了。而且一定要简洁,不能弹个框也要配置复杂。以前用过thickbox3.1,很强大,采用的时候CPU有时候占用多,貌似很复杂,而且偏向于图片,于是这次决定找找有没有更加适用于我的:

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://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

Custom JavaScript Dialog Boxes
http://hi.baidu.com/freezesoul/blog/item/63a10bfa6e54109259ee90d8.html

分享到:
评论

相关推荐

    JQuery弹出窗口实例源码

    JQuery弹出窗口实例源码

    jquery弹出窗口

    当我们谈论"jquery弹出窗口"时,通常指的是使用jQuery实现的对话框或模态窗口,这些窗口可以在用户与网页交互时提供额外的信息或者功能。 在网页设计中,弹出窗口可以是警告消息、确认对话框,或者如登录窗口这样的...

    jquery实现弹出窗口

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

    JQUERY 弹出窗口

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

    jquery弹出窗口插件

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

    Jquery弹出窗口

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

    jQuery弹出信息窗口

    本文将详细讲解如何利用jQuery实现弹出信息窗口,以及相关的技术要点。 首先,我们要理解jQuery弹出窗口的核心原理。这通常通过创建一个新的div层,将其设置为不显示,然后在需要时通过CSS和JavaScript将其动态显示...

    漂亮的JQUERY弹出窗口

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

    jquery自定义弹出窗口

    本文将详细讲解如何使用jQuery实现自定义弹出窗口,以替代原生的`window.open`方法,并且能返回参数,增强用户体验。 ### 1. jQuery弹出窗口基础 jQuery自定义弹出窗口的核心是通过CSS和JavaScript来创建一个新的...

    jQuery弹出窗口

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

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

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

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

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

    jquery 弹出窗口的插件

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

    Jquery弹出窗口,带例子参数说明 非常好用

    本篇文章将深入探讨 jQuery 中的弹出窗口功能,以及如何利用 AJAX 进行数据异步加载。我们将通过实例和参数说明来详细解释这一过程。 首先,jQuery 提供了多种弹出窗口的实现方式,如 `alert()`, `confirm()`, 和 `...

    jquery 弹出窗口简单例子

    在这个"jquery 弹出窗口简单例子"中,我们将探讨如何使用jQuery和JavaScript来创建一个基础的弹出窗口。 首先,让我们理解jQuery Popup的基本概念。Popup或模态对话框是一种在主页面之上打开的浮动窗口,它阻止用户...

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

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

    jquery_dialog 弹出窗口

    在本实例中,我们关注的是`jquery_dialog`,这是一个jQuery插件,专门用于实现弹出窗口效果。这个插件使得在网页中创建各种形式的对话框变得简单而高效,比如警告消息、确认框或者自定义内容的弹窗。 首先,我们来...

    jquery弹出窗口(CkBox)

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

    jquery 弹出窗口

    "jQuery 弹出窗口"是jQuery应用中的一个重要方面,它涉及到如何在用户与网页交互时,优雅地展示信息或者获取用户输入。在本篇中,我们将深入探讨jQuery弹出窗口的各种实现方式及其应用场景。 首先,我们有最基本的`...

Global site tag (gtag.js) - Google Analytics