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 03 Javascript
DOM 基本方法
Jul 18 Javascript
jquery cookie实现的简单换肤功能适合小网站
Aug 25 Javascript
JS实现的仿淘宝交易倒计时效果
Nov 27 Javascript
利用css+原生js制作简单的钟表
Apr 07 Javascript
Angular2  NgModule 模块详解
Oct 19 Javascript
JS实现页面内跳转的简单代码
Sep 03 Javascript
Spring Boot/VUE中路由传递参数的实现代码
Mar 02 Javascript
layer.open 按钮的点击事件关闭方法
Aug 17 Javascript
微信小程序导航栏跟随滑动效果的实现代码
May 14 Javascript
JQuery实现折叠式菜单的详细代码
Jun 03 jQuery
微信小程序之高德地图多点路线规划过程示例详解
Jan 18 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
新浪微博API开发简介之用户授权(PHP基础篇)
2011/09/25 PHP
PHP基于MySQLI函数封装的数据库连接工具类【定义与用法】
2017/08/11 PHP
PHP将英文数字转换为阿拉伯数字实例讲解
2019/01/28 PHP
PHP实现的文件浏览器功能简单示例
2019/09/12 PHP
PHP7 新增功能
2021/03/09 PHP
区分JS中的undefined,null,"",0和false
2007/03/08 Javascript
一个网马的tips实现分析
2010/11/28 Javascript
输入密码检测大写是否锁定js实现代码
2012/12/03 Javascript
使用变量动态设置js的属性名
2014/10/19 Javascript
jQuery滚动条插件nanoscroller使用指南
2015/04/21 Javascript
jQuery实现多级联动下拉列表查询框
2016/01/18 Javascript
javascript 数据存储的常用函数总结
2017/06/01 Javascript
使用Bootrap和Vue实现仿百度搜索功能
2017/10/26 Javascript
详解Angular调试技巧之报错404(not found)
2018/01/31 Javascript
vue中动态select的使用方法示例
2019/10/28 Javascript
vue-video-player 断点续播的实现
2021/02/01 Vue.js
[02:08]什么藏在DOTA2 TI9“小紫本”里?斧王历险记告诉你!
2019/05/17 DOTA
Python的Bottle框架的一些使用技巧介绍
2015/04/08 Python
python采用django框架实现支付宝即时到帐接口
2016/05/17 Python
一条命令解决mac版本python IDLE不能输入中文问题
2018/05/15 Python
Django工程的分层结构详解
2019/07/18 Python
pytorch 模型可视化的例子
2019/08/17 Python
python定位xpath 节点位置的方法
2019/08/27 Python
Python DES加密实现原理及实例解析
2020/07/17 Python
用纯css3和html制作泡沫对话框实现代码
2013/03/21 HTML / CSS
法国最大的在线眼镜店:EasyLunettes
2019/08/26 全球购物
在SQL Server中创建数据库主要有那种方式
2013/09/10 面试题
材料专业毕业生求职信
2014/02/26 职场文书
美国留学经济担保书
2014/05/20 职场文书
五一促销活动总结
2014/07/01 职场文书
四风问题对照检查整改措施思想报告
2014/10/05 职场文书
2014年语文教研组工作总结
2014/12/06 职场文书
伊索寓言读书笔记
2015/06/30 职场文书
2016年政治理论学习心得体会
2016/01/25 职场文书
高三物理教学反思
2016/02/20 职场文书
Go语言读取txt文档的操作方法
2022/01/22 Golang