`
haohappy2
  • 浏览: 326039 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

pop up JS framework compartion

    博客分类:
  • JS
 
阅读更多

here are a large number of pop-up/dialog box libraries that are now available. Many of the pop-up dialog options out there support the same features. However, in our testing we found that some failed terribly. 

As part of this post, I'd like to cover a quick comparison of what I found in hopes that it will help others in their search for the ideal pop-up library.

The popup controls I tested:

  • jQueryUI Dialog
  • DOM Window
  • Thickbox
  • fancybox
  • Colorbox
  • Shadowbox.js

    At a first glance all of the above looked like they would work well. However we did find some major flaws with the above libraries. Here is what we found:

    jQueryUI Dialog - This is by far our favorite pop-up dialog. It supports features such as modal, dragging it to other locations on the screen and allows the user to resize it. The features that jQuery offers makes it a top choice. However, the major flaw is it makes IE6 hang for about 10 seconds when the page is loading. That one flaw forced us to look at other options.

    Dom window - For us this package is too basic. It does support the basic needs of a pop-up but when compared to some of the other libraries it was not nearly as good.

    Thickbox - This library had all the features needed. We have used it in the past and have found it very easy to work with. The major pitfall with this library is it is no longer supported. The library works correctly today but there is no guarantee it will continue to work into the future and therefore is not a great choice.

    FancyBox - This library has a good set of features unfortunately it loads very slowly in IE6 and can cause the browser to crash.

    ColorBox - This library works very well, supports a good amount of features and does load correctly in all browsers including IE6. It would be nice if this library had all of the features of the jQueryUI Dialog and some may consider it a flaw that jQuery is required in order to use this library.

    ShadowBox - This library works well in all of the major browsers and supports most features that are necessary for a nice pop-up. It does not have all of the features of jQueryUI Dialog. This library includes everything needed in one javascript and css file.

    Based on my research I found the two best libraries to be colorbox and shadowbox

    These libraries offer very similar features and they both work well with all of the major browsers. For us ColorBox was the right choice because it has is under an MIT license, the size of the library is smaller than ShadowBox and it supports auto-resize-to-fit-content which ShadowBox didn't have.
分享到:
评论

相关推荐

    Pop Up View in iphone development

    This project has you a basic implementation of how to generate a flip-styled pop up view in the iphone. The view is a modal-styled based view. This means that when the pop up view is visible, you can ...

    Pop-up Photo Wall 1.6

    Pop-up Photo Wall 1.6

    pop-up-window.rar_html pop up_html popw_html 弹出窗口_pop_pop up htm

    总的来说,"pop-up-window.html"文件可能是一个简单的HTML和JavaScript实现的弹出窗口示例,展示了如何用HTML结构、CSS样式和JavaScript交互来创建一个浮动窗口。这种技术在网页设计中非常常见,对理解网页交互和...

    Jquery-UI Pop Up

    jQuery UI 是一个基于 jQuery JavaScript 库的用户界面插件集合,提供了许多可定制的、交互式的组件,其中包括我们今天要讨论的 Pop Up(弹出框)。Pop Up 在网页设计中非常常见,用于显示额外信息、提示、警告或...

    cool-pop-up-js

    《jQuery弹出层插件cool-pop-up-js详解》 在网页设计中,弹出层(Pop-up)是一种常见的交互元素,用于展示详细信息、提示、警告或者进行表单提交等操作。jQuery作为JavaScript的一个强大库,提供了丰富的插件来简化...

    .net实例 Model pop up

    在.NET框架中,Model Pop-up通常指的是在用户界面(UI)上弹出一个模态对话框,用于显示或编辑特定的数据模型。这个实例可能是一个Windows Forms或者WPF应用程序中的功能,用于提供更好的用户体验,比如在不离开当前...

    iOS 动画框架pop 1.0.7 framework最新直接用版本

    这个"iOS 动画框架pop 1.0.7 framework最新直接用版本"是Pop库的一个特定版本,方便开发者直接集成到他们的项目中。 Pop的核心功能包括但不限于以下几点: 1. **对象动画**:Pop支持对任何CALayer属性进行动画化,...

    Pop Up Window : Using custom defined type

    It implement some function to pop up a custom view to display the general information for the iphone. It is good project to study the function of pop up view in iphone and ipad development.

    十几种滚动的照片墙插件

    unity + pop-up photo wall 十几种滚动的照片墙插件,适用于滑轨,触摸屏等,

    yanue.pop.js

    右下角弹窗类库

    MATLAB GUI教学视频6:下拉菜单Pop-Up Menu的基本用法_matlab源码.rar

    本教程重点讲解了MATLAB GUI中的一个重要组件——下拉菜单(Pop-Up Menu)。下拉菜单在GUI设计中扮演着至关重要的角色,因为它提供了一种简洁的方式来展示多项选择供用户选择。以下是对MATLAB GUI下拉菜单Pop-Up ...

    自定义Text的pop-up菜单

    ### 自定义Text的pop-up菜单知识点详解 #### 一、知识点概述 在软件开发领域,特别是在用户界面设计中,提供自定义的弹出菜单(pop-up menu)是一种增强用户体验的有效方式。本文档介绍了一个名为“自定义Text的...

    Pop-up Menu 不支持此接口 VC++

    ### Pop-up Menu 不支持此接口问题解析 #### 一、问题背景及原因分析 在开发过程中,遇到“Pop-up Menu 不支持此接口”的问题时,通常涉及到操作系统的兼容性问题。根据提供的信息来看,该问题是由于开发环境为...

    bottom pop up.zip

    在本项目中,“bottom pop up.zip”是一个包含一个或多个文件的压缩包,主要用于创建一个在页面底部弹出的交互式界面。这个项目是按照公司的需求来设计的,旨在教授初学者如何运用HTML5、CSS和JavaScript这三种核心...

    Pop Up Blocker Pro 7.0.5p

    Pop Up Blocker是个简单而好用的弹出广告拦截器,提供许多新的设置,功能简洁、强大。能拦截来自任何地方的Internet Explorer弹出广告,甚至是KaZaA;也能拦阻Windows Messenger广告。丝毫不耗费CPU和系统资源,本身...

    Pop-Up Card Designer PRO 3.2.2.a汉化注册版.rar

    Pop-Up Card Designer PRO是一款纸模爱好者必备的小工具,使用它可以轻松创建出具有专业效果的立体卡片。它是一款用于折纸建筑卡片的设计软件,当设计打印出来后,可以切割折叠出你想要的各种纸模效果,只需要...

    Pop-up Menu 不支持此接口的解决方法

    Pop-up Menu 不支持此接口,原因是Win7系统与VC6.0的兼容性问题。 其解决的三种方法: (1)、Win7与VC6不兼容,虽然可以装的上,Win7上可以运行VC6,但是有很多类型的工程是无法编译的,建议升级到10.0。 (2)、...

    以动画方式弹出,关闭窗口.rar_pop up hidden

    在编程术语中,"pop-up"通常指的是那些突然出现并吸引用户注意力的窗口,如警告、提示或者菜单。而"hidden"则意味着这些窗口在不被使用时可以被隐藏或淡出视线,提供一个更整洁的用户界面。结合标题,我们关注的是一...

    类似qq的Pop显示

    1. Pop-up窗口:Pop-up窗口,简称Pop窗,是一种在用户界面上突然弹出的小窗口。在QQ和MSN等聊天应用中,当有新的消息到来时,会以Pop-up窗口的形式提醒用户,这种设计极大地提升了用户体验,因为它能够及时吸引用户...

    pop.js:简单的 JavaScript 弹出库

    pop.js简单的 JavaScript 弹出库pop.js是一个易于实现、基于选项、依赖于 jQuery 的客户端 Javascript 库。 该库旨在允许开发人员在他们的项目中简单地引用pop.js文件和随附的pop.css文件,然后调用一个简单的函数并...

Global site tag (gtag.js) - Google Analytics