如何给超链接添加提示 给超链接添加提示的方法

发布时间:2017-03-30 16:00

在大部分浏览器中,超链接都自带了提示功能,但是提示的响应速度太慢,需要自己去自定义提示。本文小编主要介绍给超链接添加提示的方法!

给超链接添加提示的方法

先看一下原始的超链接提示效果,代码如下:

<a id="title" href="#" title="文字提示">文字提示</a>

缺点:响应速度慢,并且不能随着鼠标的移动而移动

如何给超链接添加提示 给超链接添加提示的方法

如何给超链接添加提示 给超链接添加提示的方法

引入jquery,加入鼠标的移入移出操作

如何给超链接添加提示 给超链接添加提示的方法

创建div,并将div加入到文档中,并设置x、y坐标,并且显示

如何给超链接添加提示 给超链接添加提示的方法

在创建对象之前,要保存好原来的title,然后清空对象的title,并在鼠标移出前,将title赋值回去

如何给超链接添加提示 给超链接添加提示的方法

但是预览后发现效果中自制的提示离鼠标的距离太近,有时候会引起无法提示的问题,于是加入以下代码即可。

如何给超链接添加提示 给超链接添加提示的方法

为了让提示跟着鼠标走,在加上下面一段代码

如何给超链接添加提示 给超链接添加提示的方法

END

如何给超链接添加提示 给超链接添加提示的方法的评论条评论