jquery.cvtooltip.js 基于jquery的气泡提示插件


Posted in Javascript onNovember 19, 2010


1.插件名cvtooltip中的cv是ChinaValue的首字母缩写,而tooltip就是提示啦。
2.适用于新功能的提示,引导用户的提示,即时类消息的提示,操作失败提示(操作成功了也没人拦着)等等等,使用css实现,不附带任何图片文件。
3.目前发现的问题,在Chorme中表现的不给力,是由于Chrome对页面的解析与IE和FF不同,导致jquery的position或者offset返回值不同。
4.该插件依然是练习之作,一人之力,错误难免。

实例演示
1.载入页面的同时,气泡提示也显示。请将目光移至第一段。
2.点击按钮后显示气泡提示,注意,该提示不能被关闭,两秒后自动消失消失失失。 我是链接
3.关闭气泡动作后调用关闭函数。 再次点我

参数
panel: "body", //该参数是加载气泡提示的容器,值不同可能会导致计算的位置不同
selector: "", //用于计算定位的控件
direction: 0, //箭头方向
width: 300, //气泡提示宽度,完全手动设置
left: 0, //距离panel参数的左边距
top: 0, //距离panel参数的上边距
delay: -1, //延迟关闭,单位毫秒,值为0时表示立刻关闭
speed: 300, //关闭时的效果,淡出速度
close: true, //是否显示关闭按钮
callback: function() {
$.noop(); //点击关闭后的事件
}

用法和源码
这个就不贴了,查看下页面源文件就行啦,在JS中也写得灰常清楚鸟,或者猛点这里下载。

皮奈斯
显示气泡提示的前提是,一定会有一个被提示的对象,默认的位置是根据body来计算的,这样的坏处就是如果页面内容发生了变化,而气泡的位置没有改变,导致提示目的失败。
针对此情况,提供了selector参数来保证气泡随着该选择器控件的位置改变而发生改变。
js文件打包下载
原文地址 http://www.cnblogs.com/0417/archive/2010/11/17/1880293.html

Javascript 相关文章推荐
IE本地存储userdata的一个bug说明
Jul 01 Javascript
jquery js 重置表单 reset()具体实现代码
Aug 05 Javascript
JS画5角星方法介绍
Sep 17 Javascript
bootstrap table 服务器端分页例子分享
Feb 10 Javascript
JQuery页面地址处理插件jqURL详解
May 03 Javascript
Vue.js学习之过滤器详解
Jan 22 Javascript
Express + Node.js实现登录拦截器的实例代码
Jul 01 Javascript
JS实现点击循环切换显示内容的方法
Oct 19 Javascript
Three.js 再探 - 写一个微信跳一跳极简版游戏
Jan 04 Javascript
vue生成token并保存到本地存储中
Jul 17 Javascript
简单了解JavaScript sort方法
Nov 25 Javascript
解决vue 退出动画无效的问题
Aug 09 Javascript
jQuery lazyload 的重复加载错误以及修复方法
Nov 19 #Javascript
JQuery 选择和过滤方法代码总结
Nov 19 #Javascript
基于jquery的一个OutlookBar类,动态创建导航条
Nov 19 #Javascript
非阻塞动态加载javascript广告实现代码
Nov 17 #Javascript
javascript实现的使用方向键控制光标在table单元格中切换
Nov 17 #Javascript
Google AJAX 搜索 API实现代码
Nov 17 #Javascript
jQuery阻止冒泡和HTML默认操作
Nov 17 #Javascript
You might like
如何去掉文章里的 html 语法
2006/10/09 PHP
用PHP发电子邮件
2006/10/09 PHP
jQuery Mobile + PHP实现文件上传
2014/12/12 PHP
最新制作ThinkPHP3.2.3完全开发手册
2015/11/23 PHP
Laravel 5.5官方推荐的Nginx配置学习教程
2017/10/06 PHP
Yii2框架自定义类统一处理url操作示例
2019/05/25 PHP
javascript 解析url的search方法
2010/02/09 Javascript
JQuery制作的放大效果的popup对话框(未添加任何jquery plugin)分享
2013/04/28 Javascript
js日期、星座的级联显示代码
2014/01/23 Javascript
javascript设计模式之工厂模式示例讲解
2014/03/04 Javascript
jQuery元素选择器用法实例
2014/12/23 Javascript
javascript动态设置样式style实例分析
2015/05/13 Javascript
BootStrap 智能表单实战系列(十)自动完成组件的支持
2016/06/13 Javascript
基于JavaScript中字符串的match与replace方法(详解)
2017/12/04 Javascript
微信小程序实现传递多个参数与事件处理
2019/08/12 Javascript
ant-design表单处理和常用方法及自定义验证操作
2020/10/27 Javascript
Python标准库06之子进程 (subprocess包) 详解
2016/12/07 Python
Python利用公共键如何对字典列表进行排序详解
2018/05/19 Python
Python3实现的旋转矩阵图像算法示例
2019/04/03 Python
python如何解析配置文件并应用到项目中
2019/06/27 Python
django的ORM操作 删除和编辑实现详解
2019/07/24 Python
在django-xadmin中APScheduler的启动初始化实例
2019/11/15 Python
Python partial函数原理及用法解析
2019/12/11 Python
Python读取分割压缩TXT文本文件实例
2020/02/14 Python
一文解决django 2.2与mysql兼容性问题
2020/07/15 Python
微信浏览器取消缓存的方法
2015/03/28 HTML / CSS
英国最好的温室之家:Greenhouses Direct
2019/07/13 全球购物
DELPHI中如何调用API,可举例说明
2014/01/16 面试题
工作迟到检讨书
2014/02/21 职场文书
服装设计专业毕业生求职信
2014/04/09 职场文书
大学英语演讲稿范文
2014/04/24 职场文书
村支部书记群众路线对照检查材料思想汇报
2014/10/08 职场文书
2014年党的群众路线学习心得体会
2014/11/05 职场文书
客房部经理岗位职责
2015/02/02 职场文书
导游词之泉州崇武古城
2019/12/20 职场文书
MySQL 可扩展设计的基本原则
2021/05/14 MySQL