本文主要介绍使用简单的css创建一个自定义标签标题提示工具提示，需要朋友参考。




简介

使用简单的jQuery创建自定义标记标题提示符，而不是浏览器默认行为：



Javaｓｃｒｉｐｔ代码

复制代码代码如下所示：
$（函数（）{（））
$（{ }）。每个（函数（）{）
var = $（this）；
var title= a.attr（标题）；
如果（标题= =定义的标题= =回归的| |）；
a.data（标题，标题）
把（标题）。
悬停（。
函数（）{
无功补偿= a.offset（）；
$（）。AppendTo（$（体）），Html（冠军），Css（{顶：offset.top + a.outerheight（）+ 10，左：offset.left + a.outerwidth（）+ 1 }）。FadeIn（{）{
var = $（this）；
setTimeout（function（）{ pop.remove（）；}，pop.text（）。长度×80）；
}）；
}，
函数（）{ $（# anchortitlecontainer ），删除（）；}
）；
}）；
}）；

别忘了引用jQuery。

该代码是setTimeout（函数（）{ pop.remove（））；}，pop.text（）。长度×80；它是基于标题的长度来计算时间的提示，这是用来防止过短标题提示太久或太长的标题提示太短暂。

CSS代码

复制代码代码如下所示：
{ # anchortitlecontainer
位置：绝对；
Z指数：5999；
# 315b6c solid 1px边框；
填料：5px；
颜色：# 315b6c；
背景：没有重复滚动00 # ffffff；
边界半径：5px；
显示：无；
}
{ # anchortitlecontainer：前
位置：绝对；
底部：汽车；
左：- 1px；
上图：- 15px；
Border-color: transparent transparent transparent #315B6C;
边框样式：实心；
边框宽度：15px；
内容：；
显示块；
宽度：0；
}
{ # anchortitlecontainer：后
位置：绝对；
底部：汽车；
左：0px；
上图：- 13px；
边框颜色：透明透明# ffffff；
边框样式：实心；
边框宽度：15px；
内容：；
显示块；
宽度：0；
}

使用CSS3的一些特点，避免使用图片。

这不是CSS高手。花了一些时间来调整样式。如果有人能用它，那是我的荣幸。