15款jquery弹出对话框代码

1. lightview

http://www.nickstakenburg.com/projects/lightview/

lightview是一个基于prototype与script.aculo.us开发,用于创建可以覆盖整个页面的模式对话框。展示的内容不仅可以是图片、文字、网页、通过ajax 调用的内容,还可以是quicktime/flash影片都能够以非常酷的效果展示。

2. thickbox (演示地址)]

http://jquery.com/demo/thickbox/
thickbox是一个模式对话框ui控件。基于jquery开发,可以用来展示单张或多张图片,内嵌的内容,iframed的内容,或通过ajax获取的内容。

3. fonshen js window (演示地址)

http://www.fonshen.com/window/
风声js窗口为模拟web弹出窗口和对话框提供一种方案。程序基于 网页特效/xhtml/css教程 标准实现。支持自由度极高的窗口样式定制;交互方面提供模拟的按钮编程模型,可以很好的模拟对话框; 另外,接口参考javascript内置对象window的一些方法(比如:window.open, window.alert, window.confirm),简洁方便。

4. ymprompt

http://www.ajaxbbs.net/ymprompt2.0/
在web开发中,对于浏览器默认的消息提示框(如alert,confirm等)外观无法控制,为了实现更好的界面效果,于是模拟系统的消息提示框 实现了该组件。在外观上可以通过css进行完全的控制。调用方式简单,直接使用ymprompt.alert()的方式调用,传入相应的参数即可。提供四 种消息类型。分别为消息提示、成功信息、错误信息、询问信息。

5. modalbox

http://www.wildbit.com/labs/modalbox/
modalbox用于生成web2.0风格的模式对话框。基于prototype script.aculo.us框架开发,效果类似mac osx的模式对话框。内容可以通过ajax加载或普通的html页面。

6. sliderwindow

http://www.eaktion.com/sliderwindow
sliderwindow是一个基于yui开发消息提醒滑动窗体。

7. moodalbox (演示地址)

http://www.e-magine.ro/web-dev-and-design/36/moodalbox/
moodalbox是一个基于mootools框架开发的web2.0模式对话。用于利用ajax加载远程内容进行展示。

8. jqwindowsengine

http://www.socialembedded.com/labs/jquery-windows-engine-plugin/jquery-windows-engine-plugin.html
这个jquery插件能够帮助你轻松创建ajax windows。

9. jquery alert dialogs (演示地址)

http://abeautifulsite.net/notebook/87
这个jquery插件能够替换javascript提供的alert()、confirm()和prompt()功能。支持利用css自定义对话框外观。

10. jquery float dialog

http://www.expbuilder.com/floatdialog/
jquery float dialog是一个浮动模式对话框,可通过参数控制对话框弹出速度、全屏背景、弹出回调事件、弹出的方向等。

11. facebook-style modal box

http://davidwalsh.name/facebook-modal-mootools
利用mootools开发的一个facebook风格模式对话框。

12. facebox (演示地址)

php教程">http://www.bertramakers.com/moolabs/facebox.php
facebox是一个采用mootools框架实现,拥有facebook风格的模式对话框。它可以展示images、flash、html等内容。与另外一个用jquery实现的facebox相似。

13. jmpopups教程 (演示地址)

http://co%3cwbr%3ede.google.com/p/jmpopups/
jmpopups是一个可同时打开多个模式对话框的jquery插件。弹出窗中的内容可以从当前页面中获取,也可以利用ajax获取。jmpopups兼容大部分浏览器包括:ie6 、ff1.5 、opera9.*、chrome2.*、safari 4.*。

14. dhtmlxwindows

http://dhtmlx.com/docs/products/dhtmlxwindows/
dhtmlxwindows是一个javascript对话框window控件。windows可以被关闭,最大化/最小化,调整大小,置顶,拖放等。

15. custom javascript dialog boxes

http://www.leigeber.com/2008/04/custom-javas%3cwbr%3ecript-dialog-boxes/
一个轻量级(4.5kb左右) 自定义javascript模式对话框组件。

时间: 2024-10-21 16:13:14

15款jquery弹出对话框代码的相关文章

jquery弹出对话框背景遮罩例子

首先定义一个背景黑色,透明度低的div,当点击的时候弹出需要显示的对话框,并显示遮罩层,关闭对话框,遮罩层隐藏.要注意的是对话框的z-index的值要比遮罩层大. .mask{     position: absolute;     background-color: #000;     opacity: 0.5;     z-index: 99;     top: 0px;     width: 100%;     height: 100%;     display: none; } <div

js 实现Lightbox效果的弹出对话框代码

相信LightBox之类的页面弹出窗口,大家在浏览的时候也应该是很常见的,实现起来也不算太困难,CG今天把在上次发布的ETP项目源代码中的JS部分提取出来,方便大家学习和使用. 实现原理:利用DIV的浮动和层的重叠,将对话框的Z-index设置为最高就可以了另外对于遮罩层来说,只要使遮罩层在对话框层之下,其他页面元素之上即可,如果需要美观的话,可以设置半透明效果. CSS代码如下:(保存成messageBox.css)  代码如下 复制代码 /** *文件名:messageBox.css *作者

jQuery弹出框代码封装DialogHelper_jquery

看了jQueryUI Dialog的例子,效果还不错,就是用起来有点儿别扭,写出的代码有点拧巴,需要再封装一下!于是就有了下面这个简单的DialogHelper辅助类,因为这篇文章分享的重点是思路,所以目前版本的代码也还非常粗糙.思路对了,后续再封装成什么样都不过是形式而已,希望这个思路能给大家点启迪,同时欢迎大家开拓思维,提出更好的改进意见. 复制代码 代码如下: //require ScrollHelper.js function DialogHelper() {     var _this

jquery 弹出对话框确认框插件

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <title>qq弹出框</title&g

基于jQuery实现带动画效果超炫酷的弹出对话框(附源码下载)_jquery

这是一款基于jQuery的弹出对话框插件,这个jQuery对话框插件的最大特点是弹出和关闭都带有非常炫酷的动画特效,比如旋转飞入.上下抖动飞入等.效果图如下: 效果演示     源码下载 html代码: <div class="container"> <h1>jQuery gDialog Plugin Exampels</h1> <button class="btn demo-1">Alert Dialog Box&l

九种js弹出对话框的方法总结_javascript技巧

[1.最基本的js弹出对话框窗口代码] 这是最基本的js弹出对话框,其实代码就几句非常简单: 复制代码 代码如下: <script LANGUAGE="javascript"> <!-- window.open ("page.html") --> </script> 因为这是一段javascripts代码,所以它们应该放在<script LANGUAGE="javascript">标签和</s

js弹出对话框(消息框、警告框)

  警告(alert) 在访问网站的时候,你遇到过这样的情况吗?"咚"的一声,一个小窗口出现在你面前,上面写着一段警示性的文字,或是其它的提示信息.如果你不点击确定,你就不能对网页做任何的操作.没错,这个"咚"的小窗口就是alert干的. 下面的代码是一段使用alert的实例.  代码如下 复制代码 <script type="text/JavaScript">      alert("我是菜鸟我怕谁"); <

JQuery EasyUI弹出对话框解决Asp.net服务器控件无法执行后台代码的方法

jquery-easyui是一个基于jquery的图形界面插件,利用easyui可以创建很多好看的网页界面效果,easyui的相关地址是:http://jquery-easyui.wikidot.com/: easyui的中文文档地址是:http://www.easyui.net/,本人也利用easeyUI在做一些页面效果.由于我很喜欢那种弹出的对话框界面,因此在界面中应用了Dialog类来处理一些确认的信息,但在利用中发现,弹出的对话框,不能再继续执行asp.net按钮的后台响应代码.界面如下

分享两款带遮罩的jQuery弹出框_jquery

第一款:页面遮罩弹出框是最常见的一种状况,用jQuery完成页面遮罩弹出框,主要用的技能有JQuery,css与html.  html代码下列: <div id="main"><a href="javascript:showBg();">点击这里查看效果</a> <div id="fullbg"></div> <div id="dialog"> <p