宝哥软件园

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

编辑:宝哥软件园 来源:互联网 时间:2021-09-09

我们开发的网站总是有一定的用途。比如企业站用来宣传企业或者展示产品,技术站用来分享自己的想法和经验。既然网站有目的,就有自己的关键词(关键词描述网站的主要内容)。比如企业站的关键词多为企业名称或产品名称,技术站的关键词多为技术术语。无论是推广产品还是分享想法和经验,我们都希望添加特定术语的描述或链接(跳转到术语页面),然后我们就可以使用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以上就是本文的全部内容,希望大家都能喜欢。

更多资讯
游戏推荐
更多+