jquery插件 cluetip 关键词注释


Posted in Javascript onJanuary 12, 2010

这个可以用jquery的一个插件cluetip

地址下载是:plugins.learningjquery.com/cluetip/demo/

下面简单讲解下用法:

1 首先当然要放JQUERY的基本JS,和这个插件的JS了,如:

<a class="title" href="#" title="This is the title|The first set of contents comes after the first delimiter.....

$('a.title').cluetip({splitTitle: '|'});

这样就会在该连接被点时,弹出一个框,标题是this is the title,内容是|号后面的内容了

2 也可以弹出的内容是个连接,比如
<a class="basic" href="ajax.htm" rel="ajax.htm">

$('a.basic').cluetip();

3 定义弹出框的高度大小等:

<a class="custom-width" href="ajax3.htm" rel="ajax3.htm">

$('a.custom-width').cluetip({width: '200px', showTitle: false});

4 当鼠标移动到某连接时弹出:

<h4 title="Fancy Title!" id="ajax3.htm">Hover over me</h4>

$('h4').cluetip({attribute: 'id', hoverClass: 'highlight'});

5 当用户主动点这个连接时,才弹出提示
<a href="ajaxclick.htm" rel="ajax5.htm" title="active ingredients">
$('#clickme').cluetip({activation: 'click', width: 650});

6 圆角的
<a href="ajax4.htm" title="|first line body|second line body">

$('ol.rounded a:eq(0)').cluetip({splitTitle: '|', dropShadow: false, cluetipClass: 'rounded', showTitle: false});

Javascript 相关文章推荐
JSON扫盲帖 JSON.as类教程
Feb 16 Javascript
javascript 操作select下拉列表框的一点小经验
Mar 20 Javascript
原生javascript实现addClass,removeClass,hasClass函数
Feb 25 Javascript
第五篇Bootstrap 排版
Jun 21 Javascript
jQuery的deferred对象使用详解
Sep 25 Javascript
jQuery实现的checkbox级联选择下拉菜单效果示例
Dec 26 Javascript
Cpage.js给组件绑定事件的实现代码
Aug 31 Javascript
Es6 Generator函数详细解析
Feb 24 Javascript
详解开发react应用最好用的脚手架 create-react-app
Apr 24 Javascript
浅谈vue项目可以从哪些方面进行优化
May 05 Javascript
Paypal支付不完全指北
Jun 04 Javascript
JavaScript实现外溢动态爱心的效果的示例代码
Mar 21 Javascript
Javascript 实现TreeView CheckBox全选效果
Jan 11 #Javascript
javascript下判断一个对象是否具有指定名称的属性的的代码
Jan 11 #Javascript
JavaScript 学习笔记(九)call和apply方法
Jan 11 #Javascript
取选中的radio的值
Jan 11 #Javascript
javascript Object与Function使用
Jan 11 #Javascript
Extjs学习笔记之九 数据模型(上)
Jan 11 #Javascript
JavaScript 事件冒泡简介及应用
Jan 11 #Javascript
You might like
php利用腾讯ip分享计划获取地理位置示例分享
2014/01/20 PHP
php遍历目录输出目录及其下的所有文件示例
2014/01/27 PHP
Thinkphp使用mongodb数据库实现多条件查询方法
2014/06/26 PHP
PHP屏蔽关键字实现方法
2016/11/17 PHP
php usort 使用用户自定义的比较函数对二维数组中的值进行排序
2017/05/02 PHP
PHP 观察者模式深入理解与应用分析
2019/09/25 PHP
prototype Element学习笔记(篇二)
2008/10/26 Javascript
javascript 继承实现方法
2009/08/26 Javascript
JavaScript中链式调用之研习
2011/04/07 Javascript
精通Javascript系列之数值计算
2011/06/07 Javascript
新增加的内容是如何将div的scrollbar自动移动最下面
2014/01/02 Javascript
简介JavaScript中POSITIVE_INFINITY值的使用
2015/06/05 Javascript
JavaScript 弹出子窗体并返回结果到父窗体的实现代码
2016/05/28 Javascript
AngularJS教程 ng-style 指令简单示例
2016/08/03 Javascript
JavaScript中如何使用cookie实现记住密码功能及cookie相关函数介绍
2016/11/10 Javascript
深入浅出webpack教程系列_安装与基本打包用法和命令参数详解
2017/09/10 Javascript
JS实现水平移动与垂直移动动画
2019/12/19 Javascript
微信小程序动态添加和删除组件的现实
2020/02/28 Javascript
Js实现粘贴上传图片的原理及示例
2020/12/09 Javascript
[46:59]完美世界DOTA2联赛PWL S2 GXR vs Ink 第二场 11.19
2020/11/20 DOTA
python列表的常用操作方法小结
2016/05/21 Python
Python图片转换成矩阵,矩阵数据转换成图片的实例
2018/07/02 Python
python正则表达式匹配[]中间为任意字符的实例
2018/12/25 Python
vscode 配置 python3开发环境的方法
2019/09/19 Python
Python unittest生成测试报告过程解析
2020/09/08 Python
python爬虫分布式获取数据的实例方法
2020/11/26 Python
使用BeautifulSoup4解析XML的方法小结
2020/12/07 Python
介绍一些UNIX常用简单命令
2014/11/11 面试题
UNIX文件系统分类
2014/11/11 面试题
专业技术职务聘任书
2014/03/29 职场文书
演讲稿格式
2014/04/30 职场文书
中国梦口号
2014/06/13 职场文书
教师师德考核自我评价
2014/09/13 职场文书
2014年终工作总结范本
2014/12/15 职场文书
2015年小学开学寄语
2015/02/27 职场文书
DBCA命令行搭建Oracle ADG的流程
2021/06/11 Oracle