源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

23个Javascript弹出窗口特效整理

  • 时间:2021-10-30 08:45 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:23个Javascript弹出窗口特效整理
1. [url=http://www.nickstakenburg.com/projects/lightview/]Lightview[/url] Lightview是一个基于Prototype与Script.aculo.us开发,用于创建可以覆盖整个页面的模式对话框。展示的内容不仅可以是图片、文字、网页、通过Ajax 调用的内容,还可以是Quicktime/Flash影片都能够以非常酷的效果展示。 [h3]2. [url=http://jquery.com/demo/thickbox/]ThickBox[/url] ([url=http://jquery.com/demo/thickbox/#examples]演示地址[/url])[/h3] ThickBox是一个模式对话框UI控件。基于jQuery开发,可以用来展示单张或多张图片,内嵌的内容,iframed的内容,或通过Ajax获取的内容。 [h3]3. [url=http://www.fonshen.com/Window/]Fonshen JS Window[/url] ([url=http://www.fonshen.com/Window/demo/index.htm]演示地址[/url])[/h3] 风声JS窗口为模拟WEB弹出窗口和对话框提供一种方案。程序基于 JavaScript/X[url=http://paranimage.com/category/dede/html]HTML[/url]/[url=http://paranimage.com/category/dede/css/]CSS[/url] 标准实现。支持自由度极高的窗口样式定制;交互方面提供模拟的按钮编程模型,可以很好的模拟对话框; 另外,接口参考Javascript内置对象window的一些方法(比如:window.open, window.alert, window.confirm),简洁方便。 [h3]4. [url=http://www.ajaxbbs.net/ymPrompt2.0/]ymPrompt[/url][/h3] 在web开发中,对于浏览器默认的消息提示框(如alert,confirm等)外观无法控制,为了实现更好的界面效果,于是模拟系统的消息提示框 实现了该组件。在外观上可以通过css进行完全的控制。调用方式简单,直接使用ymPrompt.alert()的方式调用,传入相应的参数即可。提供四 种消息类型。分别为消息提示、成功信息、错误信息、询问信息。 [h3]5. [url=http://www.wildbit.com/labs/modalbox/]Modalbox[/url][/h3] ModalBox用于生成Web2.0风格的模式对话框。基于Prototype script.aculo.us框架开发,效果类似Mac OSX的模式对话框。内容可以通过Ajax加载或普通的HTML页面。 [h3]6. [url=http://www.eaktion.com/sliderwindow]SliderWindow[/url][/h3] SliderWindow是一个基于YUI开发消息提醒滑动窗体。 [h3]7. [url=http://www.e-magine.ro/web-dev-and-design/36/moodalbox/]MOOdalBox[/url] ([url=http://www.e-magine.ro/playground/moodalbox/moodalbox_test_ajax.html]演示地址[/url])[/h3] MOOdalBox是一个基于Mootools框架开发的Web2.0模式对话。用于利用Ajax加载远程内容进行展示。 [h3]8. [url=http://www.socialembedded.com/labs/jQuery-Windows-Engine-Plugin/jQuery-Windows-Engine-Plugin.html]jqWindowsEngine[/url][/h3] 这个jQuery插件能够帮助你轻松创建Ajax Windows。 [h3]9. [url=http://abeautifulsite.net/notebook/87]jQuery Alert Dialogs[/url] ([url=http://abeautifulsite.net/notebook_files/87/demo/]演示地址[/url])[/h3] 这个jQuery插件能够替换JavaScript提供的alert()、confirm()和prompt()功能。支持利用CSS自定义对话框外观。 [h3]10. [url=http://www.expbuilder.com/floatdialog/]JQuery Float Dialog[/url][/h3] JQuery Float Dialog是一个浮动模式对话框,可通过参数控制对话框弹出速度、全屏背景、弹出回调事件、弹出的方向等。 [h3]11. [url=http://davidwalsh.name/facebook-modal-mootools]Facebook-Style Modal Box[/url][/h3] 利用Mootools开发的一个Facebook风格模式对话框。 [h3]12. [url=http://www.bertramakers.com/moolabs/facebox.php]Facebox[/url] ([url=http://www.bertramakers.com/moolabs/facebox.php]演示地址[/url])[/h3] Facebox是一个采用Mootools框架实现,拥有Facebook风格的模式对话框。它可以展示images、Flash、html等内容。与另外一个用jQuery实现的Facebox相似。 [h3]13. [url=http://co%3cwbr%3ede.google.com/p/jmpopups/]jmpopups[/url] ([url=http://otavioavila.com/jmpopups-example/]演示地址[/url])[/h3] jmpopups是一个可同时打开多个模式对话框的jQuery插件。弹出窗中的内容可以从当前页面中获取,也可以利用Ajax获取。jmpopups兼容大部分浏览器包括:IE6 、FF1.5 、Opera9.*、Chrome2.*、Safari 4.*。 [h3]14. [url=http://dhtmlx.com/docs/products/dhtmlxWindows/]dhtmlxWindows[/url][/h3] dhtmlxWindows是一个JavaScript对话框Window控件。windows可以被关闭,最大化/最小化,调整大小,置顶,拖放等。 [h3]15. [url=http://www.scriptiny.com/2008/04/custom-javascript-dialog-boxes/]Custom JavaScript Dialog Boxes[/url][/h3] 一个轻量级(4.5kb左右) 自定义JavaScript模式对话框组件。 [h3]16. Control.Popup ([url=http://meteora.astrata.com.mx/pages/demo/control-popup]演示地址[/url])[/h3] 弹出窗控件。 [h3]17. [url=http://co%3cwbr%3ede.google.com/p/weebox/]weebox[/url][/h3] weebox是一个基于jquery的弹窗插件。它含有以下特性: .支持多层弹窗 .支持单一弹窗,即同ID弹窗在打开第二次使用时,前一个将被自动关闭,参考boxid选项 .支持自定义样式,参考boxclass选项 .解决IE中SELECT的问题,使用了bgiframe功能 .支持拖动效果,通过draggable设置,参考draggable选项 .支持内容来源方式Ajax, Selector(jQuery的), Text(直接内容) .支持多种弹窗类型,参考type选项 .支持自动关闭,参考timeout选项 .支持遮照效果(modal弹窗),参考modal选项 .支持不同的显示位置,中间或者以某个元素为参照物,参考position选项 .支持弹窗打开前(onopen)、点确认(onok)、点取消(oncancel)、关闭窗口(onclose)等的回调函数 .支持打开后,重新设置标题(setTitle)、内容(setContent)、按钮等方法 .支持只在弹窗内查找元素的方法:find(selector) .支持打开和关闭时的动画效果,参考animate、showAnimate,hideAnimate选项 [h3]18. [url=http://trentrichardson.com/Impromptu/index.php]jQuery Impromptu[/url][/h3] 用于创建模式对话框,确认对话框,输入内容对话框的jQuery插件。 [h3]19. [url=http://onehackoranother.com/projects/jquery/boxy/]Boxy[/url][/h3] Boxy是一个jQuery插件用于创建灵活,类似于facebook风格的Web2.0模式对话框。 [h3]20. [url=http://www.dhtmlgoodies.com/index.html?whichScript=floating_window_with_tabs]DHTML window with tab support[/url] ([url=http://www.dhtmlgoodies.com/scripts/floating_window_with_tabs/floating_window_with_tabs.html]演示地址[/url])[/h3] 带有Tab支持的DHTML Window控件。它使用cookies来 [h3]21. [url=http://www.artviper.net/mooMessageBox.php]mooMessagebox[/url][/h3] 一个可以灵活配置,采用Mootools开发的自定义Window窗体。 [h3]22. [url=http://nyromodal.nyrodev.com/]NyroModal[/url][/h3] 一个基于jQuery开发,非常灵活和可定制外观/动画效果的模式对话框。可通过Ajax调用目标内容,改变对话框大小等。 [h3]23. [url=http://www.ericmmartin.com/projects/simplemodal]SimpleModal[/url][/h3] SimpleModal是一个轻量级jQuery插件提供了一个简单的接口来创建模式对话框。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部