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 相关文章推荐
Div Select挡住的解决办法
Aug 07 Javascript
JS自动适应的图片弹窗实例
Jun 29 Javascript
JS实现可改变列宽的table实例
Jul 02 Javascript
node.js从数据库获取数据
May 08 Javascript
AngularJS中的promise用法分析
May 19 Javascript
Angular2 组件通信的实例代码
Jun 23 Javascript
vue中动态绑定表单元素的属性方法
Feb 23 Javascript
vue2.0 移动端实现下拉刷新和上拉加载更多的示例
Apr 23 Javascript
浅谈webpack SplitChunksPlugin实用指南
Sep 17 Javascript
vue.js多页面开发环境搭建过程
Apr 24 Javascript
微信小程序登录数据解密及状态维持实例详解
May 06 Javascript
JS通用方法触发点击事件代码实例
Feb 17 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 日期和时间的处理-郑阿奇(续)
2011/07/04 PHP
PHP 转义使用详解
2013/07/15 PHP
PHP设计模式之观察者模式定义与用法示例
2018/08/04 PHP
PHP设计模式(一)工厂模式Factory实例详解【创建型】
2020/05/02 PHP
formStorage 基于jquery的一个插件(存储表单中元素的状态到本地)
2012/01/20 Javascript
js过滤HTML标签以及空格的思路及代码
2013/05/24 Javascript
javascript(js)的小数点乘法除法问题详解
2014/03/07 Javascript
javascript相关事件的几个概念
2015/05/21 Javascript
BootStrap的JS插件之轮播效果案例详解
2016/05/16 Javascript
JavaScript编写带旋转+线条干扰的验证码脚本实例
2016/05/30 Javascript
JavaScript中ES6 Babel正确安装过程
2016/07/18 Javascript
bootstrapfileinput实现文件自动上传
2016/11/08 Javascript
JS实现图片上传预览功能
2016/11/21 Javascript
ionic3 懒加载
2017/08/16 Javascript
webpack处理 css\less\sass 样式的方法
2017/08/21 Javascript
vue resource post请求时遇到的坑
2017/10/19 Javascript
Vue开发实现吸顶效果的示例代码
2018/08/21 Javascript
浅谈vue中document.getElementById()拿到的是原值的问题
2020/07/26 Javascript
解决VUE 在IE下出现ReferenceError: Promise未定义的问题
2020/11/07 Javascript
[04:52]DOTA2亚洲邀请赛附加赛 TOP10精彩集锦
2015/01/29 DOTA
Python中title()方法的使用简介
2015/05/20 Python
Python 搭建Web站点之Web服务器与Web框架
2016/11/06 Python
Python图像处理之识别图像中的文字(实例讲解)
2018/05/10 Python
Python读取YUV文件,并显示的方法
2018/12/04 Python
Python 画出来六维图
2019/07/26 Python
什么是符号链接,什么是硬链接?符号链接与硬链接的区别是什么?
2013/05/03 面试题
学术会议欢迎词
2014/01/09 职场文书
保密承诺书范文
2014/03/27 职场文书
软件项目开发计划书
2014/05/01 职场文书
小学师德师风演讲稿
2014/09/02 职场文书
婚礼证婚人演讲稿
2014/09/13 职场文书
党员先进性教育整改措施
2014/09/18 职场文书
北京英文导游词
2015/02/12 职场文书
python设置 matplotlib 正确显示中文的四种方式
2021/05/10 Python
java协程框架quasar和kotlin中的协程对比分析
2022/02/24 Java/Android
Nginx禁止ip访问或非法域名访问
2022/04/07 Servers