基于JQuery的一个简单的鼠标跟随提示效果

1.效果如图

2.实现思路

　　1 鼠标移入标题（这里是标签）

　　　　创建一个div，div的内容为鼠标位置的文本

　　　　将创建好的div加到文档中

　　　　为提示层设置位置

　　2 鼠标移出标题

　　　　移除div

　　3 当鼠标在标题内移动时

　　　　同样添加div效果

3.JQuery实现代码
复制代码 代码如下:







body
{
font-size:12px;
}
a
{
text-decoration:none;
}
a:hover
{
color:#CC0000;
}
#main
{
margin:100px auto;
width:350px;
height:150px;
border:solid #aaa 1px;
}
.tr_color{
background-color:#aaa;
}





JQuery--鼠标跟随提示