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 相关文章推荐
基于jQuery的遍历同id元素 并响应事件的代码
Jun 14 Javascript
jQuery之选择组件的深入解析
Jun 19 Javascript
js时间戳格式化成日期格式的多种方法
Nov 11 Javascript
checkbox全选所涉及到的知识点介绍
Dec 31 Javascript
node.js中的http.response.setHeader方法使用说明
Dec 14 Javascript
jQuery实现点击某个div打开层,点击其他div关闭层实例分析(阻止冒泡)
Nov 18 Javascript
js使用Replace结合正则替换重复出现的字符串功能示例
Dec 27 Javascript
jQuery实现 上升、下降、删除、添加一行代码
Mar 06 Javascript
BootStrap表单控件之复选框checkbox和单选择按钮radio
May 23 Javascript
JS中验证整数和小数的正则表达式
Oct 08 Javascript
详解vue-flickity的fullScreen功能实现
Apr 07 Javascript
Openlayers绘制地图标注
Sep 28 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
php输出1000以内质数(素数)示例
2014/02/16 PHP
php批量删除超链接的实现方法
2015/10/19 PHP
用Javscript实现表单复选框的全选功能
2007/05/25 Javascript
js jquery获取随机生成id的服务器控件的三种方法
2013/07/11 Javascript
jQuery+CSS实现的网页二级下滑菜单效果
2015/08/25 Javascript
javascript RegExp 使用说明
2016/05/21 Javascript
js中setTimeout的妙用--防止循环超时
2017/03/06 Javascript
vuejs2.0子组件改变父组件的数据实例
2017/05/10 Javascript
详解.vue文件中监听input输入事件(oninput)
2017/09/19 Javascript
老生常谈JavaScript面向对象基础与this指向问题
2017/10/16 Javascript
分享vue.js devtools遇到一系列问题
2017/10/24 Javascript
用react-redux实现react组件之间数据共享的方法
2018/06/08 Javascript
jquery 插件重新绑定的处理方法分析
2019/11/23 jQuery
JS精确判断数据类型代码实例
2019/12/18 Javascript
解决vue中使用less/sass及使用中遇到无效的问题
2020/10/24 Javascript
python 多进程通信模块的简单实现
2014/02/20 Python
Windows和Linux下Python输出彩色文字的方法教程
2017/05/02 Python
用Python设计一个经典小游戏
2017/05/15 Python
python3实现TCP协议的简单服务器和客户端案例(分享)
2017/06/14 Python
Python collections模块使用方法详解
2019/08/28 Python
python带参数打包exe及调用方式
2019/12/21 Python
Pytorch实验常用代码段汇总
2020/11/19 Python
CSS中的字体大小设置属性总结
2016/05/24 HTML / CSS
英国健身仓库:Bodybuilding Warehouse
2019/03/06 全球购物
技术学校毕业生求职信分享
2013/12/02 职场文书
银行实习生的自我评价
2014/01/13 职场文书
岗位职责风险点
2014/03/12 职场文书
《社戏》教学反思
2014/04/15 职场文书
服务承诺口号
2014/05/22 职场文书
优秀应届本科生求职信
2014/07/19 职场文书
中共广东省委常委会党的群众路线教育实践活动整改方案
2014/09/23 职场文书
2014年安置帮教工作总结
2014/12/11 职场文书
2015年派出所工作总结
2015/04/24 职场文书
慈善募捐倡议书
2015/04/27 职场文书
基于python定位棋子位置及识别棋子颜色
2021/07/26 Python
关于python3 opencv 图像二值化的问题(cv2.adaptiveThreshold函数)
2022/04/04 Python