zoukankan      html  css  js  c++  java
  • 23个Javascript弹出窗口特效

    1. Lightview

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

    2. ThickBox (演示地址)

    ThickBox是一个模式对话框UI控件。基于jQuery开发,可以用来展示单张或多张图片,内嵌的内容,iframed的内容,或通过Ajax获取的内容。

    3. Fonshen JS Window (演示地址)

    风声JS窗口为模拟WEB弹出窗口和对话框提供一种方案。程序基于 JavaScript/XHTML/CSS 标准实现。支持自由度极高的窗口样式定制;交互方面提供模拟的按钮编程模型,可以很好的模拟对话框; 另外,接口参考Javascript内置对象window的一些方法(比如:window.open, window.alert, window.confirm),简洁方便。

    4. ymPrompt

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

    5. Modalbox

    ModalBox用于生成Web2.0风格的模式对话框。基于Prototype script.aculo.us框架开发,效果类似Mac OSX的模式对话框。内容可以通过Ajax加载或普通的HTML页面。

    6. SliderWindow

    SliderWindow是一个基于YUI开发消息提醒滑动窗体。

    7. MOOdalBox (演示地址)

    MOOdalBox是一个基于Mootools框架开发的Web2.0模式对话。用于利用Ajax加载远程内容进行展示。

    8. jqWindowsEngine

    这个jQuery插件能够帮助你轻松创建Ajax Windows。

    9. jQuery Alert Dialogs (演示地址)

    这个jQuery插件能够替换JavaScript提供的alert()、confirm()和prompt()功能。支持利用CSS自定义对话框外观。

    10. JQuery Float Dialog

    JQuery Float Dialog是一个浮动模式对话框,可通过参数控制对话框弹出速度、全屏背景、弹出回调事件、弹出的方向等。

    11. Facebook-Style Modal Box

    利用Mootools开发的一个Facebook风格模式对话框。

    12. Facebox (演示地址)

    Facebox是一个采用Mootools框架实现,拥有Facebook风格的模式对话框。它可以展示images、Flash、html等内容。与另外一个用jQuery实现的Facebox相似。

    13. jmpopups (演示地址)

    jmpopups是一个可同时打开多个模式对话框的jQuery插件。弹出窗中的内容可以从当前页面中获取,也可以利用Ajax获取。jmpopups兼容大部分浏览器包括:IE6 、FF1.5 、Opera9.*、Chrome2.*、Safari 4.*。

    14. dhtmlxWindows

    dhtmlxWindows是一个JavaScript对话框Window控件。windows可以被关闭,最大化/最小化,调整大小,置顶,拖放等。

    15. Custom JavaScript Dialog Boxes

    一个轻量级(4.5kb左右) 自定义JavaScript模式对话框组件。

    16. Control.Popup (演示地址)

    弹出窗控件。

    17. weebox

    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选项

    18. jQuery Impromptu

    用于创建模式对话框,确认对话框,输入内容对话框的jQuery插件。

    19. Boxy

    Boxy是一个jQuery插件用于创建灵活,类似于facebook风格的Web2.0模式对话框。

    20. DHTML window with tab support (演示地址)

    带有Tab支持的DHTML Window控件。它使用cookies来

    21. mooMessagebox

    一个可以灵活配置,采用Mootools开发的自定义Window窗体。

    22. NyroModal

    一个基于jQuery开发,非常灵活和可定制外观/动画效果的模式对话框。可通过Ajax调用目标内容,改变对话框大小等。

    23. SimpleModal

    SimpleModal是一个轻量级jQuery插件提供了一个简单的接口来创建模式对话框。

  • 相关阅读:
    戴尔笔记本win8.1+UEFI下安装Ubuntu14.04过程记录
    socketpair的使用
    上传App时遇IDFA错误问题
    1-4标签的语法
    TCP协议中的三次握手和四次挥手(图解)
    TsFltMgr.sys系统蓝屏的原因就在于QQ电脑管家!
    STL vector使用方法介绍
    史上最强视频站点真实地址解析
    .NET 使用 MySql.Data.dll 动态库操作MySql的帮助类--MySqlHelper
    ASP.NET——验证码的制作
  • 原文地址:https://www.cnblogs.com/jackljf/p/3589334.html
Copyright © 2011-2022 走看看