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 相关文章推荐
短信提示使用 特效
Jan 19 Javascript
Javascript select下拉框操作常用方法
Nov 09 Javascript
JS 排序输出实现table行号自增前端动态生成的tr
Aug 13 Javascript
推荐6款基于jQuery实现图片效果插件
Dec 07 Javascript
解决bootstrap中modal遇到Esc键无法关闭页面
Mar 09 Javascript
jQuery实现的fixedMenu下拉菜单效果代码
Aug 24 Javascript
简述jQuery ajax的执行顺序
Jan 05 Javascript
js基本算法:冒泡排序,二分查找的简单实例
Oct 08 Javascript
VUE元素的隐藏和显示(v-show指令)
Jun 23 Javascript
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
Nov 09 jQuery
Vue+Element实现动态生成新表单并添加验证功能
May 23 Javascript
webpack4从0搭建组件库的实现
Nov 29 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 url 加密解密函数代码
2011/08/26 PHP
thinkphp利用模型通用数据编辑添加和删除的实例代码
2016/11/20 PHP
PHP使用DOM对XML解析处理操作示例
2019/07/04 PHP
用js实现预览待上传的本地图片
2007/03/15 Javascript
javascript读取Xml文件做一个二级联动菜单示例
2014/03/17 Javascript
jquery实现不同大小浏览器使用不同的css样式表的方法
2014/04/02 Javascript
使用FlexiGrid实现Extjs表格效果方法分享
2014/12/16 Javascript
JavaScript学习笔记整理之引用类型
2016/01/22 Javascript
Jquery插件仿百度搜索关键字自动匹配功能
2016/05/11 Javascript
jQuery通过deferred对象管理ajax异步
2016/05/20 Javascript
微信小程序商城项目之购物数量加减(3)
2017/04/17 Javascript
ReactNative实现图片上传功能的示例代码
2017/07/11 Javascript
vue.js通过路由实现经典的三栏布局实例代码
2018/07/08 Javascript
vue封装swiper代码实例解析
2019/10/08 Javascript
Element Carousel 走马灯的具体实现
2020/07/26 Javascript
Python发送Email方法实例
2014/08/21 Python
简单理解Python中的装饰器
2015/07/31 Python
Python中的with语句与上下文管理器学习总结
2016/06/28 Python
pandas值替换方法
2018/07/10 Python
详解如何用django实现redirect的几种方法总结
2018/11/22 Python
浅谈python之高阶函数和匿名函数
2019/03/21 Python
pycharm部署、配置anaconda环境的教程
2020/03/24 Python
Html5移动端div固定到底部实现底部导航条的几种方式
2021/03/09 HTML / CSS
简单说下OSPF的操作过程
2014/08/13 面试题
如何写一个Java类既可以用作applet也可以用作java应用
2016/01/18 面试题
公务员职务工作的自我评价
2013/11/01 职场文书
自荐信封面
2013/12/04 职场文书
大学生个人简历中的自我评价
2013/12/27 职场文书
大学生创业感言
2014/01/25 职场文书
旷课检讨书1000字
2014/02/14 职场文书
yy婚礼司仪主持词
2014/03/14 职场文书
卫生院艾滋病宣传活动小结
2014/07/09 职场文书
夫妻分居协议书范本
2014/11/28 职场文书
幽默导游词开场白
2015/05/29 职场文书
狼牙山五壮士观后感
2015/06/09 职场文书
家长对孩子的寒假评语
2015/10/09 职场文书