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 相关文章推荐
JavaScript中的匀速运动和变速(缓冲)运动详细介绍
Nov 11 Javascript
解决jquery异步按一定的时间间隔刷新问题
Dec 10 Javascript
jQuery动态地获取系统时间实现代码
May 24 Javascript
js实现浏览器的各种菜单命令比如打印、查看源文件等等
Oct 24 Javascript
flash遮住div问题的正确解决方法
Feb 27 Javascript
jQuery验证元素是否为空的两种常用方法
Mar 17 Javascript
JS实现淡蓝色简洁竖向Tab点击切换效果
Oct 06 Javascript
Node.js编写爬虫的基本思路及抓取百度图片的实例分享
Mar 12 Javascript
Angularjs---项目搭建图文教程
Jul 08 Javascript
JS实现快速的导航下拉菜单动画效果附源码下载
Nov 01 Javascript
利用jqgrid实现上移下移单元格功能
Nov 07 Javascript
vue的.vue文件是怎么run起来的(vue-loader)
Dec 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
一些花式咖啡的配方
2021/03/03 冲泡冲煮
一个ubbcode的函数,速度很快.
2006/10/09 PHP
计算一段日期内的周末天数的php代码(星期六,星期日总和)
2009/11/12 PHP
PHP反转字符串函数strrev()函数的用法
2012/02/04 PHP
php登录超时检测功能实例详解
2017/03/21 PHP
PHP7变量处理机制修改
2021/03/09 PHP
jQuery数组处理方法汇总
2011/06/20 Javascript
jquery 页眉单行信息滚动显示实现思路及代码
2014/06/26 Javascript
Nodejs实战心得之eventproxy模块控制并发
2015/10/27 NodeJs
js实现的鼠标滚轮滚动切换页面效果(类似360默认页面滚动切换效果)
2016/01/27 Javascript
关于List.ToArray()方法的效率测试
2016/09/30 Javascript
在Vue中使用echarts的实例代码(3种图)
2017/07/10 Javascript
javascript基于牛顿迭代法实现求浮点数的平方根【递归原理】
2017/09/28 Javascript
vue组件(全局,局部,动态加载组件)
2018/09/02 Javascript
JQuery特殊效果和链式调用操作示例
2019/05/13 jQuery
Vue v-text指令简单使用方法示例
2019/09/19 Javascript
python基础教程之Hello World!
2014/08/29 Python
python编写分类决策树的代码
2017/12/21 Python
对python的输出和输出格式详解
2018/12/08 Python
初探利用Python进行图文识别(OCR)
2019/02/26 Python
numpy ndarray 取出满足特定条件的某些行实例
2019/12/05 Python
parser.add_argument中的action使用
2020/04/20 Python
python 爬虫如何实现百度翻译
2020/11/16 Python
django inspectdb 操作已有数据库数据的使用步骤
2021/02/07 Python
马来西亚在线健康商店:Medipal Malaysia
2020/04/13 全球购物
机电专业体育教师求职信
2013/09/21 职场文书
决心书范文
2014/03/11 职场文书
村干部承诺书
2014/03/28 职场文书
试用期自我评价范文
2015/03/10 职场文书
通知范文怎么写
2015/04/16 职场文书
2015年政协委员工作总结
2015/05/20 职场文书
团队拓展训练心得体会
2016/01/12 职场文书
2019最新校园运动会广播稿!
2019/06/28 职场文书
创业计划书之牛肉汤快餐店
2019/10/08 职场文书
java多态注意项小结
2021/10/16 Java/Android
delete in子查询不走索引问题分析
2022/07/07 MySQL