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设置IFrame高度自适应(兼容各主流浏览器)
Jun 05 Javascript
基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果 分享
Jun 24 Javascript
JS 日期比较大小的简单实例
Jan 13 Javascript
js取整数、取余数的方法
May 11 Javascript
javascript常见数据验证插件大全
Aug 03 Javascript
vue中使用element-ui进行表单验证的实例代码
Jun 22 Javascript
微信小程序开发之改变data中数组或对象的某一属性值
Jul 05 Javascript
Vue.js 实现数据展示全部和收起功能
Sep 05 Javascript
Vue-component全局注册实例
Sep 06 Javascript
vue-cli 3.0 自定义vue.config.js文件,多页构建的方法
Sep 19 Javascript
layui表格分页 记录勾选的实例
Sep 02 Javascript
js实现无缝轮播图特效
May 09 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
解析PHPExcel使用的常用说明以及把PHPExcel整合进CI框架的介绍
2013/06/24 PHP
destoon实现调用当前栏目分类及子分类和三级分类的方法
2014/08/21 PHP
PHP magento后台无法登录问题解决方法
2016/11/24 PHP
PHP+mysql防止SQL注入的方法小结
2019/04/27 PHP
SharePoint 客户端对象模型 (一) ECMA Script
2011/05/22 Javascript
nodejs教程之环境安装及运行
2014/11/21 NodeJs
JS获取元素多层嵌套思路详解
2016/05/16 Javascript
bootstrap和jQuery.Gantt的css冲突 如何解决
2016/05/29 Javascript
JavaScript 闭包详细介绍
2016/09/28 Javascript
webpack学习笔记之优化缓存、合并、懒加载
2017/08/24 Javascript
关于Vue.nextTick()的正确使用方法浅析
2017/08/25 Javascript
在knockoutjs 上自己实现的flux(实例讲解)
2017/12/18 Javascript
微信小程序scroll-x失效的完美解决方法
2018/07/18 Javascript
详解Webstorm 下的Angular2.0开发之路(图文)
2018/12/06 Javascript
vue 的 solt 子组件过滤过程解析
2019/09/07 Javascript
Python模块搜索概念介绍及模块安装方法介绍
2015/06/03 Python
python如何实现内容写在图片上
2018/03/23 Python
详解Django中间件的5种自定义方法
2018/07/26 Python
djano一对一、多对多、分页实例代码
2019/08/16 Python
python生成器推导式用法简单示例
2019/10/08 Python
Django-xadmin后台导入json数据及后台显示信息图标和主题更改方式
2020/03/11 Python
深入浅析CSS3中的Flex布局整理
2020/04/27 HTML / CSS
在线购买世界上最好的酒:BoozeBud
2018/06/07 全球购物
意大利婴儿产品网上商店:Mukako
2018/10/14 全球购物
大学生毕业自我评价范文分享
2013/11/07 职场文书
军训生自我鉴定范文
2013/12/27 职场文书
社区工作感言
2014/02/21 职场文书
优秀公益广告词大全
2014/03/19 职场文书
我的中国梦演讲稿300字
2014/08/19 职场文书
服装区域经理岗位职责
2015/04/10 职场文书
2015年“7.11”世界人口日宣传活动方案
2015/05/06 职场文书
因身体原因离职的辞职信范文
2015/05/12 职场文书
信用卡催款律师函
2015/05/27 职场文书
《小乌鸦爱妈妈》教学反思
2016/02/19 职场文书
Python调用腾讯API实现人脸身份证比对功能
2022/04/04 Python
Android开发 使用文件储存的方式保存QQ密码
2022/04/24 Java/Android