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 相关文章推荐
Javascript Throttle &amp; Debounce应用介绍
Mar 19 Javascript
Javascript基础知识(三)BOM,DOM总结
Sep 29 Javascript
javascript记录文本框内文字个数检测文字个数变化
Oct 14 Javascript
js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法
Apr 25 Javascript
Js动态设置rem来实现移动端字体的自适应代码
Oct 14 Javascript
微信小程序模板之分页滑动栏
Feb 10 Javascript
Vue.js使用$.ajax和vue-resource实现OAuth的注册、登录、注销和API调用
May 10 Javascript
浅谈angularJS的$watch失效问题的解决方案
Aug 11 Javascript
BootStrap下的弹出框加载select2框架失败的解决方法
Aug 31 Javascript
详解基于React.js和Node.js的SSR实现方案
Mar 21 Javascript
vue中的inject学习教程
Apr 24 Javascript
js实现转动骰子模型
Oct 24 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 mysql数据库操作类
2008/06/04 PHP
php实现cc攻击防御和防止快速刷新页面示例
2014/02/13 PHP
jQuery.Validate 使用笔记(jQuery Validation范例 )
2010/06/25 Javascript
JavaScript OOP面向对象介绍
2010/12/02 Javascript
js控制网页前进和后退的方法
2015/06/08 Javascript
基于angularJS的表单验证指令介绍
2016/10/21 Javascript
js 实现省市区三级联动菜单效果
2017/02/20 Javascript
JS module的导出和导入的实现代码
2019/02/25 Javascript
JS实现使用POST方式发送请求
2019/08/30 Javascript
[00:13]天涯墨客二技能展示
2018/08/25 DOTA
Python设计模式之单例模式实例
2014/04/26 Python
python从入门到精通(DAY 3)
2015/12/20 Python
Python数据类型详解(三)元祖:tuple
2016/05/08 Python
python编写暴力破解zip文档程序的实例讲解
2018/04/24 Python
解决Python正则表达式匹配反斜杠''\''问题
2019/07/17 Python
Python MongoDB 插入数据时已存在则不执行,不存在则插入的解决方法
2019/09/24 Python
Python3.6 中的pyinstaller安装和使用教程
2020/03/16 Python
torchxrayvision包安装过程(附pytorch1.6cpu版安装)
2020/08/26 Python
HTML5视频支持检测(检查浏览器是否支持视频播放)
2013/06/08 HTML / CSS
美国羽绒床上用品第一品牌:Pacific Coast
2018/08/25 全球购物
介绍一下Java的事务处理
2012/12/07 面试题
地理科学专业毕业生求职信
2013/10/15 职场文书
四个太阳教学反思
2014/02/01 职场文书
社区优秀志愿者材料
2014/02/02 职场文书
《金钱的魔力》教学反思
2014/02/24 职场文书
小学英语课后反思
2014/04/26 职场文书
2014党员民主评议个人总结
2014/09/10 职场文书
党旗在我心中演讲稿
2014/09/15 职场文书
社会实践活动总结
2015/02/05 职场文书
坎儿井导游词
2015/02/09 职场文书
锅炉工岗位职责
2015/02/13 职场文书
2015年政协委员工作总结
2015/05/20 职场文书
八年级数学教学反思
2016/02/17 职场文书
《索溪峪的野》教学反思
2016/02/19 职场文书
go语言中http超时引发的事故解决
2021/06/02 Golang
如何优化vue打包文件过大
2022/04/13 Vue.js