Home > Article > Web Front-end > 23 Javascript pop-up window effects organized_javascript skills
1. Lightview
Lightview是一个基于Prototype与Script.aculo.us开发,用于创建可以覆盖整个页面的模式对话框。展示的内容不仅可以是图片、文字、网页、通过Ajax 调用的内容,还可以是Quicktime/Flash影片都能够以非常酷的效果展示。
ThickBox是一个模式对话框UI控件。基于jQuery开发,可以用来展示单张或多张图片,内嵌的内容,iframed的内容,或通过Ajax获取的内容。
风声JS窗口为模拟WEB弹出窗口和对话框提供一种方案。程序基于 JavaS
在web开发中,对于浏览器默认的消息提示框(如alert,confirm等)外观无法控制,为了实现更好的界面效果,于是模拟系统的消息提示框 实现了该组件。在外观上可以通过css进行完全的控制。调用方式简单,直接使用ymPrompt.alert()的方式调用,传入相应的参数即可。提供四 种消息类型。分别为消息提示、成功信息、错误信息、询问信息。
ModalBox用于生成Web2.0风格的模式对话框。基于Prototype script.aculo.us框架开发,效果类似Mac OSX的模式对话框。内容可以通过Ajax加载或普通的HTML页面。
SliderWindow是一个基于YUI开发消息提醒滑动窗体。
MOOdalBox是一个基于Mootools框架开发的Web2.0模式对话。用于利用Ajax加载远程内容进行展示。
这个jQuery插件能够帮助你轻松创建Ajax Windows。
这个jQuery插件能够替换JavaS
JQuery Float Dialog是一个浮动模式对话框,可通过参数控制对话框弹出速度、全屏背景、弹出回调事件、弹出的方向等。
利用Mootools开发的一个Facebook风格模式对话框。
Facebox是一个采用Mootools框架实现,拥有Facebook风格的模式对话框。它可以展示images、Flash、html等内容。与另外一个用jQuery实现的Facebox相似。
jmpopups是一个可同时打开多个模式对话框的jQuery插件。弹出窗中的内容可以从当前页面中获取,也可以利用Ajax获取。jmpopups兼容大部分浏览器包括:IE6 、FF1.5 、Opera9.*、Chrome2.*、Safari 4.*。
dhtmlxWindows是一个JavaS
一个轻量级(4.5kb左右) 自定义JavaS
弹出窗控件。
weebox是一个基于jquery的弹窗插件。它含有以下特性:
.支持多层弹窗
.支持单一弹窗,即同ID弹窗在打开第二次使用时,前一个将被自动关闭,参考boxid选项
.支持自定义样式,参考boxclass选项
.解决IE中SELECT的问题,使用了bgiframe功能
.支持拖动效果,通过draggable设置,参考draggable选项
.支持内容来源方式Ajax, Selector(jQuery的), Text(直接内容)
.支持多种弹窗类型,参考type选项
.支持自动关闭,参考timeout选项
.支持遮照效果(modal弹窗),参考modal选项
.支持不同的显示位置,中间或者以某个元素为参照物,参考position选项
.支持弹窗打开前(on
.支持打开后,重新设置标题(setTitle)、内容(setContent)、按钮等方法
.支持只在弹窗内查找元素的方法:find(selector)
.支持打开和关闭时的动画效果,参考animate、showAnimate,hideAnimate选项
모달 대화 상자, 확인 대화 상자 및 입력 내용 대화 상자를 생성하기 위한 jQuery 플러그인입니다.
Boxy는 유연한 Facebook 스타일의 Web 2.0 모달 대화 상자를 만들기 위한 jQuery 플러그인입니다.
탭을 지원하는 DHTML 창 컨트롤.
쿠키를 사용합니다.Mootools를 사용하여 유연하게 구성하고 개발할 수 있는 사용자 정의 창 양식입니다.
jQuery를 기반으로 하는 매우 유연하고 사용자 정의 가능한 모양/애니메이션 모달 대화 상자입니다. Ajax를 통해 대상 콘텐츠를 호출할 수 있고, 대화 상자 크기 등을 변경할 수 있습니다.
SimpleModal은 모달 대화 상자를 생성하기 위한 간단한 인터페이스를 제공하는 경량 jQuery 플러그인입니다.