标题提示效果的响应速度非常慢，使用jQuery自制的工具提示！


HTML：


提示1
提示2
带超链接提示1
带超链接提示2




CSS：


P {显示：块；宽度：150px；身高：50px；线高度：50px；
背景：# ff3366；颜色：# FFF；边界半径：3px；文本对齐：中心；}
#提示{位置：绝对；宽度：200px；身高：50px；线高度：50px；边界：# 1px solid ccc；文本对齐：中心；盒的影子：1px，盒子的影子：；




JQ：


$（函数（）{（））
var x = 10，y = 20；工具提示偏离鼠标的距离。
$（a.tooltip）。Mouseover（function（e）{
这个封号= this.title； / /获得冠军，临时存储
此=；避免重复重复的主提示

风险提示=这个封号+ ；
$（）；
css（）集样式
$（#提示（{ Css）。
顶：（e.pagey + y）+PX
左：（e.pagex + x）+PX
}）显示（快）；
}）。Mouseout（function（）{）
这个标题= this.mytitle； / /重复回收
$（#提示）（去除）； / /记得生成节点的删除
}）。Mousemove（function（e）{ {）
$（#提示（{ Css）。
左：（e.pagex + x）+PX
顶：（e.pagey + y）+PX
}）；
}）；
}）；



改进版本：将上面的工具提示内容添加到图片预览中！


JQ：


$（函数（）{（））
var x＝10，y＝20；
$（a.tooltip）。Mouseover（function（e）{
这this.title封号=；
这个名称；
无功imgtitle = this.mytitle +，+ 的封号：；
风险提示= imgtitle + +；
$（）；
$（#提示（{ Css）。
顶：（e.pagey + y）+PX
左：（e.pagex + x）+PX
}）显示（快）；
}）。Mouseout（function（）{）
这this.mytitle标题=；
$（#提示）删除（）；
}）。Mousemove（function（e）{ {）
$（#提示（{ Css）。
顶：（e.pagey + y）+PX
左：（e.pagex + x）+PX
}）
}）；
}）；



以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。