(1)Facebox
Facebox 是一个基于jQuery,Facebook-style的lightbox。能够展示示images,divs或者整个远程页面。

Facebox

(2)SimpleModal

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

SimpleModal

(3)jTip 热点图书:www.hotbook.cn


jTip一个利用jQuery开发的提示工具。jTip通过HttpXMLRequest获取内容。用法简单,只需要在你的元素的class上加上Jtip,并引入jtip.js及其样式即可以。

jTip

(4)BetterTip


一个可以自定义Tooltip的jQuery插件。基于jTip,但比它来得更加灵活。

BetterTip

热点图书:www.hotbook.cn
(5)clueTip


clueTip这个jQuery插件方便您为链接或其它元素添加Tooltip功能。当链接包括title属性时,它的内容将变成clueTip的标题。clueTip中显示的内容可以通过Ajax获取,也可以从当前页面中的元素中获取。

clueTip

(6)jQuery lightBox plugin 热点图书:www.hotbook.cn


一个简单,强大基于jQuery开发的lightBox控件。

jQuery lightBox plugin

(7)jQuery Impromptu


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

jQuery Impromptu 热点图书:www.hotbook.cn

(8) jQuery.UI Messenger"Outlook like message notification Widget


这个jQuery.UI控件类似于Messenger"Outlook消息弹出提醒框。

jQuery.UI Messenger"Outlook like message notification Widget

(9)FancyBox 热点图书:www.hotbook.cn


基于jQuery开发的Lightbox插件。支持对放大的图片添加阴影效果,对于一组相关的图片添加导航操作按纽,该Lightbox除了能够展示图片之外,还可以展示iframed内容, 通过CSS自定义外观。

FancyBox

(10)Coda Popup Bubbles 热点图书:www.hotbook.cn


采用jQuery开发,类似“冒泡”效果的提醒弹出框。

Coda Popup Bubbles

(11)jGrowl 热点图书:www.hotbook.cn


jGrowl用于制作消息弹出框的jQuery插件。产生效果的类似于Mac OSX系统中Growl事件通知框架。

jGrowl

(12)jqWindowsEngine


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

jqWindowsEngine

(13)jQuery Alert Dialogs


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



jQuery Alert Dialogs 热点图书:www.hotbook.cn

(14)BeautyTips


BeautyTips是一个jQuery Tooltip插件.

BeautyTips
  热点图书:www.hotbook.cn

  1. (15)Facebook/Xiaonei 风格模态框

    效果图:

    简介:
    使用 div, table 和 opacity 效果实现模态框效果...
    导航:
    详细介绍 | 在线演示 热点图书:www.hotbook.cn

(15)jmpopups可弹出多级新窗口
在线实例

实例源代码(16) LeaveNotice

LeaveNotice这个jQuery插件能够很方便提醒你的用户,他们正在离开你的网站。

(17)JQuery Float Dialog 热点图书:www.hotbook.cn
JQuery Float Dialog是一个浮动模式对话框,可通过参数控制对话框弹出速度、全屏背景、弹出回调事件、弹出的方向等。(18)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选项

19.DHTML window with tab support (演示地址)热点图书:www.hotbook.cn
带有Tab支持的DHTML Window控件。它使用cookies来(20)qTip(21)Simple tooltip(22)Side Navigation Tooltip (演示地址)利用jQuery为侧面导航菜单添加Tooltips气泡提示说明。(23)jquery-rollover-tooltip (演示地址)

利用jQuery实现当鼠标移过图标上方时会出现一个气泡(tooltip),气泡中的内容读取自html tags属性。

1. Dynamic tooltip

Very cool tooltip! It’s very well made because it consists of cool transition effects and it also has a transparency and a drop shadow effect.

flowplayer-dynamic-tooltip-jquery-tooltip-plugin-for-web-design

2. Popup Bubble

Brilliant tooltip! It looks so simple but it has awesome transition effects. This tooltip could be very useful for clean and simple websites.

dvq-popup-bubble-jquery-tooltip-plugin-for-web-design

3. jQuery Horizontal Tooltips Menu Tutorials

Beautifully made tooltip! This tooltip never disappears but follows when you hover over other links. Such a simple looking tooltip but its animation is brilliant.

queness-horizontal-tooltips-menu-tutorials-jquery-tooltip-plugin-for-web-design

4. Prototip

A lot of various very good looking tooltips which look awesome and have beautiful effects. Brilliant peace of work!

nickstakenburg-prototip-jquery-tooltip-plugin-for-web-design

6. Awesomeness

Cool tooltip with nice transition effect and cool transparent border around it.

nettuts-s3-cdn-plus-awesomeness-jquery-tooltip-plugin-for-web-design

7. TipTip

Beautifully made tooltip with fade in / out transition effects, transparency and drop shadow effect.

code-drewwilson-tiptip-jquery-tooltip-plugin-for-web-design

8. (mb)Tooltip

Beautifully made tooltip with nice transition for input fields.

pupunzi-mb-tooltip-jquery-tooltip-plugin-for-web-design

9. vTip

Simple but well made tooltip with a fade in transition effect. It has a cool looking border around it and when this tooltip appears, it also follows your mouse.

vertigo-project-vtip-jquery-tooltip-plugin-for-web-design

10. jGrowl

Cool tooltip which appears when you click on the link and then it sticks on the right-top corner of your window, and disappears after some time or when you close it manually by clicking on the close button. It also has fade in / out transition effects.

stanlemon-jgrowl-jquery-tooltip-plugin-for-web-design

11. jQuery Ajax Tooltip

Interesting tooltip which can handle image and text together like a mini page. It has a drop shadow effect.

rndnext-blogspot-jquery-ajax-tooltip-jquery-tooltip-plugin-for-web-design

12. Digg-style post sharing tool with jQuery

Cool digg-style post sharing tool. This tooltip could be very useful for social networking website.

queness-digg-style-post-sharing-tool-jquery-tooltip-plugin-for-web-design

13. Input Floating Hint Box

Interesting tooltip with rounded corners for input fields. Tooltip fades in when you click on the input field and fades out when you click somewhere else.

nicolae-namolovan-googlepages-input-hint-box-jquery-tooltip-plugin-for-web-design

14. Simpletip

Beautifully made tooltip with fade transitions. When you hover over a link, a tooltip fades in just above or below the link.

simpletip-craigsworks-jquery-tooltip-plugin-for-web-design

15. qTip

Very simple but good looking tooltip. This tooltip is available with rounded corners and also as a speech bubble tip.

craigsworks-qtip-jquery-tooltip-plugin-for-web-design

16. Orbital Tooltip

Interesting tooltip plugin where you can set manually where your tooltip will show up.

userfirst-orbital-jquery-tooltip-plugin-for-web-design

17. Inline HTML Tooltip

Cool tooltip with nice transition effects.

javascriptkit-inline-html-tooltip-jquery-tooltip-plugin-for-web-design

18. tipsy

Interesting good looking tooltip which appears above, below, on the right or left side of the link.

onehackoranother-tipsy-jquery-tooltip-plugin-for-web-design

19. Easiest jQuery Tooltip Ever

Simple tooltip but it could be useful to display an image when you hover over a link.

cssglobe-easiest-jquery-tooltip-ever-jquery-tooltip-plugin-for-web-design

20. BsTip

Various simple tooltips with fade in and fade out transition effects and border around them.

benchsketch-bstip-jquery-tooltip-plugin-for-web-design

21. EZPZ Tooltip

Very simple tooltip with border around it, which follows your mouse.

theezpzway-ezpz-jquery-tooltip-plugin-for-web-design

22. BeautyTips

Nice balloon style tooltip with transparency effect. There are available various tooltip styles, even interesting tooltips with cool animation, so you can choose one that fits best for your needs.

lullabot-beautytips-jquery-tooltip-plugin-for-web-design

23. Tooltip

Various tooltip plugins for your website. Here you can find a simple tooltip with a nice fade transition and also you can find a good looking bubble style tooltip.

bassistance-tooltip-jquery-tooltip-plugin-for-web-design

25. Creating A Simple Tooltip Using jQuery and CSS

Few simple but different tooltips.

demos-blufusion-jquery-tooltips-jquery-tooltip-plugin-for-web-design

26. BetterTip

Tooltip which appears on the right side of the link.

edgarverle-bettertip-jquery-tooltip-plugin-for-web-design

28. jqTooltip

Simple tooltip with ajax loaded content. It has fade in and fade out transition effects.

hernan-amiune-jqtooltip-jquery-tooltip-plugin-for-web-design

29. Pop!

Simple tooltip which shows up when you click on the arrow button and disappears when you click somewhere else.

pop-seaofclouds-pop-jquery-tooltip-plugin-for-web-design

30. Create a Simple CSS + Javascript Tooltip with jQuery

Simple tooltip with rounded corners. It follows your mouse movements.

queness-simple-css-javascript-tooltip-jquery-tooltip-plugin-for-web-design

转载于:https://www.cnblogs.com/4inwork/archive/2010/04/20/1716339.html

jquery插件整理篇(二)消息提示类jquery插件相关推荐

  1. jquery插件整理篇(六)HTML编辑器插件

    (1)jwysiwyg WYSIWYG jQuery插件.整个编辑器文件大小只有17Kb. (2)Damn Small Rich Text Editor 基于jQuery开发,能够从IFRAME元素创 ...

  2. vue自定义插件 封装一个类似 element 中 message 消息提示框的插件

    vue自定义插件 封装一个类似 element 中 message 消息提示框的插件 一.资源文档 1.vue内置组件 transition 2.Vue.use() 3.Vue.extend() 4. ...

  3. 用Kotlin撸一个图片压缩插件-插件基础篇(二)

    简述: 前两天写了篇用Kotlin撸一个图片压缩插件-导学篇,现在迎来了插件基础篇,没错这篇文章就是教你如何一步一步从零开始写一个插件,包括插件项目构建,运行,调试到最后的上线发布整个流程.如果你是插 ...

  4. 消息提示类控件使用之Toast(吐司)的简单使用

    (一)概述 Android用于提示信息的一个控件--Toast(吐司)!Toast是一种很方便的消息提示框,会在 屏幕中显示一个消息提示框,没任何按钮,也不会获得焦点一段时间过后自动消失! 非常常用! ...

  5. jQuery 学习-样式篇(七):jQuery 控制元素类属性

    推荐阅读 Helm3(K8S 资源对象管理工具)视频教程:https://edu.csdn.net/course/detail/32506 Helm3(K8S 资源对象管理工具)博客专栏:https: ...

  6. MSN消息提示类(II)

    纯js编写 跨框架 无图片 支持调速度 任意位置弹出 需要ie5.5以上 <HTML><HEAD>  <SCRIPT language=JavaScript>   ...

  7. jQuery 学习-样式篇(三):jQuery 选择器类型详解

    推荐阅读 Helm3(K8S 资源对象管理工具)视频教程:https://edu.csdn.net/course/detail/32506 Helm3(K8S 资源对象管理工具)博客专栏:https: ...

  8. jQuery 学习-样式篇(九):jQuery 存储和删除元素私有数据的方法

    推荐阅读 Helm3(K8S 资源对象管理工具)视频教程:https://edu.csdn.net/course/detail/32506 Helm3(K8S 资源对象管理工具)博客专栏:https: ...

  9. jQuery 学习-样式篇(八):jQuery 设置元素的 CSS 样式

    推荐阅读 Helm3(K8S 资源对象管理工具)视频教程:https://edu.csdn.net/course/detail/32506 Helm3(K8S 资源对象管理工具)博客专栏:https: ...

  10. jQuery 学习-DOM篇(四):jQuery 删除 DOM 元素的方法

    推荐阅读 Helm3(K8S 资源对象管理工具)视频教程:https://edu.csdn.net/course/detail/32506 Helm3(K8S 资源对象管理工具)博客专栏:https: ...

最新文章

  1. python3-泊松分布
  2. Python多模块文件共享变量
  3. Leetcode Permutation Sequence
  4. Android OpenGL ES(十)绘制三角形Triangle .
  5. 判断字符串格式_Python基础教程,第四讲,字符串详解
  6. .Protobuf,GRpc,Maven项目出现UnsatisfiedDependencyException、ClassNotFoundException、BuilderException等异常
  7. pb 系统托盘实例(定时任务管理)
  8. wincc与第三方软件opc通讯_运用OPC实现WinCC与西门子SIMOTION的通讯
  9. Java多线程学习(吐血超详细总结)转自博主林炳文Evankaka
  10. React Native 参考资料 (转自简书)
  11. 用 SpriteKit 做一个逃逸游戏 (2)
  12. 算法——最短路径应用
  13. vuejs出的手机app有哪些_vue.js点餐app手机触屏滑动分类菜单切换代码
  14. 以太坊区块链快速入门
  15. 【滤波跟踪】基于EKF、时差和频差定位实现目标跟踪附matlab代码
  16. 【嵌入式】DNW下载的软硬件流程
  17. pps服务器没有响应,为什么pps服务器未响应,停止播放我家用的是Avira AntiVir 控制中心...
  18. linux查看摄像头参数+获取公网地址
  19. python初体验-hello world答案_2.跟老韩学Python之hello初体验
  20. 我是这样看搜狗搜索与知乎合作的

热门文章

  1. CCKS2019总结
  2. 阿里巴巴校招实习 java 研发 123面
  3. 实现百度地图marker平滑移动
  4. vant van-calendar日历组件默认选中明天而且只能选择明天
  5. Java jsp导出Excel打开报格式或扩展名错误
  6. 【网站介绍】有意思的网站(备忘)
  7. heka 0.11.0源码分析--主要启动流程分析
  8. 米家扫地机器人充满电需要多长时间_【米家智能扫地机器人使用总结】APP|充电|电量|滚刷|厚度_摘要频道_什么值得买...
  9. 使用RaiDrive将NAS中的磁盘映射为本地磁盘
  10. 转 vo、po、dto、bo、pojo、entity、mode如何区分