jQuery关键词说明插件cluetip使用指南
我们在做web项目的时候，经常会使用到提示效果。html自带的提示效果是label标签的title，但是这个效果过于简单和难看，并且不方便调整样式。今天我偶然发现个jQuery的插件，可以很方便的做出漂亮的提示效果。
我们开发的网站，总有它一定的用途。如企业站用来宣传企业或展示产品，技术站用来分享自己的思路和经验。既然网站有了它的用途，那么就拥有了它本身的关键词(关键词说明网站的主要内容)。例如企业站的关键词大部分是企业名称或产品名称，技术站的关键词大部分是技术术语。不论是企业宣传产品或分享思路经验，我们都想给某些术语加上说明或链接(跳转到术语页面)，这时我们就可以使用cluetip插件。
1. cluetip插件功能
主要用于为某些关键词添加提示说明功能，也可以展示广告。cluetip插件可以读取另一个html文件中的内容，
如
关键词
会读取ajax3.html页面的内容
官方地址demo中有使用说明。
2.cluetip官方地址
在官方地址上有插件的详细使用说明
最常用的属性为：
splitTitle: '|' 标题和内容的分隔符
sticky: true 是否开启强制关闭 true 为开启。必须点击关闭，才能关闭当前提示
closeText: '图片或文字' 关闭的图片或文字展示，如
closePosition: 'title' 关闭按钮的位置
dropShadow: false 是否添加阴影 true为添加，false为不添加
positionBy: 'mouse' 提示窗体是否按鼠标位置移动。
truncate: 60 截取长度，说明长度过长时，只取前60字
3.cluetip使用方法
1.引用文件
<link rel="stylesheet" href="jquery.cluetip.css" type="text/css" />
<script src=">
<script src="jquery.cluetip.js"></script>
2.定义样式。可以使用官方的样式，也可以自定义。自定义时需修改jquery.cluetip.css文件。如本例所示
body{
font-size:12px;
font-family:微软雅黑;
}
p{
width:500px;
}
.split-body a{
color:blue;
}
3.使用的js代码
$(function(){
$('a.javascript').cluetip({splitTitle: '|',width: '200px', showTitle: false});
$('a.html').cluetip({
splitTitle: '|',
sticky: true,
closeText: '<img src="cross.png" />',
closePosition: 'title',
dropShadow: false,
positionBy: 'mouse'
//truncate: 60
});
});
4.用到的html
<a href='#' title='提示标题|提示内容' class='样式'>关键词</a>
以上所述就是本文的全部内容了，希望大家能够喜欢。
- 官渡区教师招聘笔试成绩
- 个旧2014年事业单位笔试成绩？
- 2014年龙岩市连城县公安消防大队合同制消防员招聘信息
- 连云港市东海县2014年招聘卫生等部门事业单位工作人员B01岗位资格复审放弃及递补人员名单
- 2014年盐城市滨海县财政局选调工作人员进入面试人员名单公示
- 2014年龙岩市连城县事业单位招聘工作人员递补面试通知
- 2014年台州市住房公积金管理中心玉环分中心招聘启事
- 2014年台州市玉环县招聘清港镇消防队工作人员通告
- 2014年湖南工程职业技术学院招聘核减部分岗位招聘计划并降低部分岗位开考比例公告
- 厦门市2014年春季补充编内工作人员拟聘用人员公示(三)
- 厦门市市属医疗卫生2014年春季补充编外及非在编拟聘用人员公示(四)
- 资阳市2014年上半年市属事业单位和市级机关招聘工作人员拟聘用人员公示
- 2014年湖南工程职业技术学院招聘核减部分岗位招聘计划并降低部分岗位开考比例表
- 资阳市乐至县2014年招聘事业单位工作人员体检通知(第一批)
- 2014年漳州市事业单位招聘工作人员进入资格审核递补名单(第二轮)
- 2014年漳州市事业单位招聘工作人员进入资格审核递补名单
- 2014年厦门市翔安区卫生局卫生监督所职业见习生招聘简章
- 2014年厦门市翔安区建设局职业见习生招聘简章
- 凉山州2014年西昌质量技术监督局考聘特种设备协管员体检结果公示
- 黔西南州2014年安龙县招聘事业人员笔试成绩公告
- 2014年度厦门市中医院中医类别住院医师规范化培训招生简章
- 三明市尤溪县公务员局2014年部分事业单位招聘工作人员面试的通告
- 2014年扬州市金坛市卫生系统招聘医卫类工作人员第三批体检合格人员名单公示
- 攀枝花市旅游局2014年招聘驾驶员公告
- 2014年青岛市李沧区事业单位招聘工作人员体检结果的公告
- resign yourself to sth
- resign-yourself-to-sth
- resile
- resilience
- resilient
- re-silver
- re-silver
- resin
- resinous
- resist
- 武旦
- 武昌鱼
- 武曲星
- 武术
- 武松
- 武林
- 武气
- 武火
- 武生
- 武界
- 元旦的致辞精选范文
- 周年庆典致辞简短范文
- 国庆招待会讲话范文
- 总经理国庆讲话稿800字
- 欢送会的致辞最新范文
- 新春团拜会致辞集锦范文
- 新春茶话会致辞汇总合集
- 新春茶话会致辞范文
- 新春团拜会致辞范例2022
- 周年庆典领导致辞五分钟