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 相关文章推荐
js的逻辑运算符 ||
May 31 Javascript
JavaScript高级程序设计 读书笔记之十一 内置对象Global
Mar 07 Javascript
解决jquery1.9不支持browser对象的问题
Nov 13 Javascript
JavaScript中判断整数的多种方法总结
Nov 08 Javascript
JavaScript中的值类型详细介绍
Dec 29 Javascript
JQ技术实现注册页面带有校验密码强度
Jul 27 Javascript
浅谈javascript函数式编程
Sep 06 Javascript
浅谈在koa2中实现页面渲染的全局数据
Oct 09 Javascript
JavaScript如何对图片进行黑白化
Apr 10 Javascript
javascript获取元素的计算样式
May 24 Javascript
浅谈layer的Icon样式以及一些常用的layer窗口使用方法
Sep 11 Javascript
vue+AI智能机器人回复功能实现
Jul 16 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
虫族 ZERG 概述
2020/03/14 星际争霸
PHP5中Cookie与 Session使用详解
2013/04/30 PHP
php不用正则验证真假身份证
2013/11/06 PHP
54个提高PHP程序运行效率的方法
2015/07/19 PHP
PHP基于rabbitmq操作类的生产者和消费者功能示例
2018/06/16 PHP
javaScript同意等待代码实现心得
2011/01/01 Javascript
javascript实现上传图片并预览的效果实现代码
2011/04/11 Javascript
基于jquery可配置循环左右滚动例子
2011/09/09 Javascript
70+漂亮且极具亲和力的导航菜单设计国外网站推荐
2011/09/20 Javascript
JS声明变量背后的编译原理剖析
2012/12/28 Javascript
NodeJS中Buffer模块详解
2015/01/07 NodeJs
javascript设计简单的秒表计时器
2020/09/05 Javascript
Node.js中使用socket创建私聊和公聊聊天室
2015/11/19 Javascript
vue 组件使用中的一些细节点
2018/04/25 Javascript
koa2 从入门到精通(小结)
2019/07/23 Javascript
javascript实现倒计时效果
2020/02/17 Javascript
[01:06]DOTA2亚洲邀请赛专属珍藏-荧煌之礼
2017/03/24 DOTA
[00:34]TI7不朽珍藏III——纯金地穴编织者饰品展示
2017/07/15 DOTA
python基于multiprocessing的多进程创建方法
2015/06/04 Python
使用python对文件中的单词进行提取的方法示例
2018/12/21 Python
python实现AES加密解密
2019/03/28 Python
python中pytest收集用例规则与运行指定用例详解
2019/06/27 Python
Python下opencv图像阈值处理的使用笔记
2019/08/04 Python
python GUI库图形界面开发之PyQt5简单绘图板实例与代码分析
2020/03/08 Python
实例教程 纯CSS3打造非常炫的加载动画效果
2014/11/05 HTML / CSS
HTML5 canvas实现雪花飘落特效
2016/03/08 HTML / CSS
普通PHP程序员笔试题
2016/01/01 面试题
物理教师自荐信范文
2013/12/28 职场文书
《青山处处埋忠骨》教学反思
2014/04/22 职场文书
爱耳日宣传活动总结
2014/07/05 职场文书
机关作风建设自查报告及整改措施
2014/10/21 职场文书
公司保洁员管理制度
2015/08/04 职场文书
课改心得体会范文
2016/01/25 职场文书
小学二年级语文教学反思
2016/03/03 职场文书
优秀新员工事迹材料
2019/05/13 职场文书
Nginx四层负载均衡的配置指南
2021/06/11 Servers