jQuery关键词描述插件提示用户指南

我们开发的网站总是有一定的用途。比如企业站用来宣传企业或者展示产品，技术站用来分享自己的想法和经验。既然网站有目的，就有自己的关键词(关键词描述网站的主要内容)。比如企业站的关键词多为企业名称或产品名称，技术站的关键词多为技术术语。无论是推广产品还是分享想法和经验，我们都希望添加特定术语的描述或链接(跳转到术语页面)，然后我们就可以使用quick tip插件了。

1.线索提示插件功能

主要是对一些关键词增加提示解释功能，也可以显示广告。独领风骚插件可以读取另一个html文件中的内容，

诸如

a class=' custom-width ' href=' Ajax 3 . html ' rel=' Ajax 3 . html '关键字/a

阅读ajax3.html页面的内容

官方地址演示中有说明。

2 .线索提示官方地址

https://github.com/kswedberg/jquery-cluetip

官方地址有使用插件的详细说明

最常用的属性有：

分割标题：“|”标题和内容的分隔符

Sticky: true是否开启强制关机true为开启。您必须单击“关闭”关闭当前提示

CloseText:“图片或文本”关闭图片或文本显示，例如img src=“http 3360 cross . png”alt=“”/

关闭位置：“标题”关闭按钮位置

DropShadow: false添加阴影true添加，false不添加

PositionBy:“鼠标”提示窗体是否根据鼠标位置移动。

截断： 60截断长度，表示长度过长时，只取前60个字

3.如何使用3 .提示

1.参考文件

link rel='样式表' href=' jquery . quick tip . CSS ' type=' text/CSS '/script src=' http :http://Ajax . googleapis.com/Ajax/libs/jquery/1 . 10 . 2/jquery . js '/script script src=' http : jquery . quick tip . js '/script 2。定义样式。可以使用官方风格，也可以定制。自定义时需要修改jquery . quick tip . CSS文件。如这个例子所示

body { font-size :12 px；Font-family:微软雅黑；} p { width:500px}.分体式a { color:blue}3.使用的js代码

$(function(){ $('a.javascript '))。quick tip({ splittitle : ' |，width: '200px '，showtitle : false })；$('a.html ')。独领风骚({ splitTitle: '|，sticky: true，closext : ' img src=' http : cross . png ' alt='/'，closePosition: 'title '，dropShadow: false，positionBy: 'mouse' /截断： { 60 })；});4.使用的html

a href=' # ' title=' prompt title | prompt content ' class=' style '关键词/a以上就是本文的全部内容，希望大家都能喜欢。