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 相关文章推荐
漂亮的仿flash菜单,来自蓝色经典
Jun 26 Javascript
JavaScript 滚轮事件使用说明
Mar 07 Javascript
jQuery-ui中自动完成实现方法
Jun 10 Javascript
jQuery插件datalist实现很好看的input下拉列表
Jul 14 Javascript
javascript中的面向对象
Mar 30 Javascript
Vue组件化通讯的实例代码
Jun 23 Javascript
iframe与主框架跨域相互访问实现方法
Sep 14 Javascript
Node.js 利用cheerio制作简单的网页爬虫示例
Mar 01 Javascript
微信小程序中使用自定义图标(阿里icon)的方法
Aug 20 Javascript
基于node简单实现RSA加解密的方法步骤
Mar 21 Javascript
vue过滤器实现日期格式化的案例分析
Jul 02 Javascript
jQuery 添加元素和删除元素的方法
Jul 15 jQuery
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 中的str_replace 函数总结
2007/04/27 PHP
php中base_convert()进制数字转换函数实例
2014/11/20 PHP
php递归函数三种实现方法及如何实现数字累加
2015/08/07 PHP
Zend Framework分页类用法详解
2016/03/22 PHP
浅谈JavaScript中面向对象技术的模拟
2006/09/25 Javascript
jQuery获得内容和属性方法及示例
2013/12/02 Javascript
jQuery获取和设置表单元素的方法
2014/02/14 Javascript
Node.js中使用事件发射器模式实现事件绑定详解
2014/08/15 Javascript
在JavaScript中处理字符串之link()方法的使用
2015/06/08 Javascript
在一般处理程序(ashx)中弹出js提示语
2017/08/16 Javascript
Vue实现搜索 和新闻列表功能简单范例
2018/03/16 Javascript
vue实现百度下拉列表交互操作示例
2019/03/12 Javascript
利用Vue实现一个markdown编辑器实例代码
2019/05/19 Javascript
vue日历/日程提醒/html5本地缓存功能
2019/09/02 Javascript
vue实现登录功能
2020/12/31 Vue.js
[27:53]2014 DOTA2华西杯精英邀请赛 5 24 NewBee VS iG
2014/05/26 DOTA
Python中下划线的使用方法
2015/03/27 Python
python中string模块各属性以及函数的用法介绍
2016/05/30 Python
python批量制作雷达图的实现方法
2016/07/26 Python
python分割列表(list)的方法示例
2017/05/07 Python
python做量化投资系列之比特币初始配置
2018/01/23 Python
python生成ppt的方法
2018/06/07 Python
解决在pycharm运行代码,调用CMD窗口的命令运行显示乱码问题
2019/08/23 Python
Django使用uwsgi部署时的配置以及django日志文件的处理方法
2019/08/30 Python
python被修饰的函数消失问题解决(基于wraps函数)
2019/11/04 Python
Python实现自定义读写分离代码实例
2019/11/16 Python
Pytorch to(device)用法
2020/01/08 Python
恶意软件的定义
2014/11/12 面试题
办公设备采购方案
2014/03/16 职场文书
融资租赁计划书
2014/04/29 职场文书
社区服务标语
2014/07/01 职场文书
放弃遗产继承公证书
2015/01/26 职场文书
幼师辞职信怎么写
2015/02/27 职场文书
幼儿园辞职信
2015/05/13 职场文书
Python字符串的转义字符
2022/04/07 Python
Python中的 No Module named ***问题及解决
2022/07/23 Python