介绍一个不错的jquery插件-cluetip

有时,要实现对于一篇文章的关键词部分的提示,想实现的效果比如是,当鼠标移动到这个关键词时,弹出相关的一段文字或图片的介绍,这个可以

用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.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});

介绍一个不错的jquery插件-cluetip相关推荐

推荐一些常用感觉不错的jQuery插件
转:http://www.cnblogs.com/v10258/p/3263939.html JQuery插件繁多,下面是个人在工作和学习中用到感觉不错的,特此记录. UI: jquery UI(官方 ...
推荐一个不错的 Chrome 插件，百变皮肤，还可以去广告
今天在这里给大家推荐一个非常棒,非常不错的 Chrome 插件,功能实在是强大又好玩,让你在浏览器中可以如孙悟空一样72变,再不济,如果你不会用,不会自定义写 CSS 样式,也能够做到如猪八戒般 36 ...
一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
页面代码: <html>  <script type="text/javascript" ...
介绍一个不错的图书下载网站-顺便推荐几本书
站长肯定是个程序员,因为注册该网站的时候居然要做一程序题,像面试一样,很有意思.这个网站上几乎有所有计算机方面有点名的著作,而且站长非常勤奋,差不多天天都有新书上传.这个站名叫皮皮书屋,地址:http ...
193. 一个不错的日历插件
2019独角兽企业重金招聘Python工程师标准>>> 1.效果整体: 2. 代码 https://gitee.com/Luck_Me/datePlugInComponents 转 ...
不错的jquery插件
http://www.jq22.com/jqueryUI-1-jq
介绍一个不错的免费国外php空间
网站名称:000webhost.com 250 MB 硬盘空间, 100 GB 数据流量有足够的空间存放你的网站, emails 和数据库. 服务器为百兆独享接入Internet, 所以可以提供1 ...
所谓 jQuery 插件，怎样开发一个 jQuery 插件
简单来说,所谓 jQuery 插件就是扩展在 jQuery 原型对象上的一个方法.通过扩展 jQuery 对象,每次调用 jQuery 对象的时候,对象里面都包含了我们自己所添加的那个方法. 一般插件 ...
50个jQuery插件可将你的网站带到另一个高度
Web领域一直在发生变化并且其边界在过去的每一天都在发生变化(甚至不能以小时为计),随着其边界的扩展取得了许多新发展.在这些进步之中,开发者的不断工作创造了更大和更好的脚本,这些脚本以插件方式带来更好 ...

介绍一个不错的jquery插件-cluetip

介绍一个不错的jquery插件-cluetip相关推荐

最新文章

热门文章