怎么给超链接自定义提示

2017-03-28

在大部分浏览器中,超链接都自带了提示功能,但是提示的响应速度太慢,需要自己去自定义提示。下面是小编给大家整理的一些有关给超链接自定义提示的方法,希望对大家有帮助!

给超链接自定义提示的方法

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

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

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

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

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

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

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

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

END

更多相关阅读

最新发布的文章