我们开发的网站，总有它一定的用途。如企业站用来宣传企业或展示产品，技术站用来分享自己的思路和经验。既然网站有了它的用途，那么就拥有了它本身的关键词(关键词说明网站的主要内容)。例如企业站的关键词大部分是企业名称或产品名称，技术站的关键词大部分是技术术语。不论是企业宣传产品或分享思路经验，我们都想给某些术语加上说明或链接（跳转到术语页面），这时我们就可以使用cluetip插件。
1. cluetip插件功能
主要用于为某些关键词添加提示说明功能，也可以展示广告。cluetip插件可以读取另一个html文件中的内容，
如
<a class="custom-width" href="ajax3.html" rel="ajax3.html">关键词</a>
会读取ajax3.html页面的内容
官方地址demo中有使用说明。
2.cluetip官方地址
https://github.com/kswedberg/jquery-cluetip
在官方地址上有插件的详细使用说明
最常用的属性为：
splitTitle: '|' 标题和内容的分隔符
sticky: true 是否开启强制关闭 true 为开启。必须点击关闭，才能关闭当前提示
closeText: '图片或文字' 关闭的图片或文字展示，如<img src="/UploadFiles/2021-04-02/cross.png">
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="/UploadFiles/2021-04-02/jquery.js">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="/UploadFiles/2021-04-02/cross.png">4.用到的html
<a href='#' title='提示标题|提示内容' class='样式'>关键词</a>以上所述就是本文的全部内容了，希望大家能够喜欢。
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。