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无法设置短域名下Cookie
Sep 23 Javascript
JavaScript高级程序设计(第3版)学习笔记5 js语句
Oct 11 Javascript
JQuery入门—编写一个简单的JQuery应用案例
Jan 03 Javascript
使用jQuery mobile库检测url绝对地址和相对地址的方法
Dec 04 Javascript
javascript插件开发的一些感想和心得
Feb 28 Javascript
js实现精确到毫秒的倒计时效果
Aug 05 Javascript
详解JavaScript权威指南之对象
Sep 27 Javascript
Javascript单例模式的介绍和实例
Oct 08 Javascript
从零开始学习Node.js系列教程之SQLite3和MongoDB用法分析
Apr 13 Javascript
Javascript中将变量转换为字符串的三种方法
Sep 19 Javascript
BootStrap模态框闪退问题实例代码详解
Dec 10 Javascript
从0到1搭建Element的后台框架的方法步骤
Apr 10 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
用phpmyadmin更改mysql5.0登录密码
2008/03/25 PHP
PHP抓屏函数实现屏幕快照代码分享
2014/01/02 PHP
ThinkPHP CURD方法之page方法详解
2014/06/18 PHP
Yii使用CLinkPager分页实例详解
2014/07/23 PHP
PHP中soap的用法实例
2014/10/24 PHP
让getElementsByName适应IE和firefox的方法
2007/09/24 Javascript
JavaScript this 深入理解
2009/07/30 Javascript
javascript hashtable实现代码
2009/10/13 Javascript
javascript中的一些注意事项 更新中
2010/12/06 Javascript
修改好的jquery滚动字幕效果实现代码
2011/06/22 Javascript
在javascript中如何得到中英文混合字符串的长度
2014/01/17 Javascript
jQuery EasyUI Panel面板组件使用详解
2017/02/28 Javascript
angularjs使用div模拟textarea文本框的方法
2018/10/02 Javascript
Javascript 实现 Excel 导入生成图表功能
2018/10/22 Javascript
nvm、nrm、npm 安装和使用详解(小结)
2019/01/17 Javascript
小程序click-scroll组件设计
2019/06/18 Javascript
vue实现一个6个输入框的验证码输入组件功能的实例代码
2020/06/29 Javascript
JavaScript this指向相关原理及实例解析
2020/07/10 Javascript
Element Backtop回到顶部的具体使用
2020/07/27 Javascript
[01:42]辉夜杯战队访谈宣传片—FANTUAN
2015/12/25 DOTA
Python创建xml的方法
2015/03/10 Python
使用Python将数组的元素导出到变量中(unpacking)
2016/10/27 Python
Python批量更改文件名的实现方法
2017/10/29 Python
浅谈python中对于json写入txt文件的编码问题
2018/06/07 Python
python实现连续图文识别
2018/12/18 Python
浅谈Pandas Series 和 Numpy array中的相同点
2019/06/28 Python
Django 中自定义 Admin 样式与功能的实现方法
2019/07/04 Python
在VS2017中用C#调用python脚本的实现
2019/07/31 Python
Python3 虚拟开发环境搭建过程(图文详解)
2020/01/06 Python
如何解决tensorflow恢复模型的特定值时出错
2020/02/06 Python
Pytorch maxpool的ceil_mode用法
2020/02/18 Python
Python 中的函数装饰器和闭包详解
2021/02/06 Python
教师实习自我鉴定
2013/12/11 职场文书
致标枪运动员加油稿
2014/02/15 职场文书
领导班子群众路线与四风问题对照检查材料思想汇报
2014/10/11 职场文书
海南召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书