給超鏈接添加提示的方法
時間:
本達868由 分享
在大部分瀏覽器中,超鏈接都自帶了提示功能,但是提示的響應速度太慢,需要自己去自定義提示。本文學習啦小編主要介紹給超鏈接添加提示的方法!
給超鏈接添加提示的方法
先看一下原始的超鏈接提示效果,代碼如下:
<a id="title" href="#" title="文字提示">文字提示</a>
缺點:響應速度慢,并且不能隨著鼠標的移動而移動
引入jquery,加入鼠標的移入移出操作
創(chuàng)建div,并將div加入到文檔中,并設置x、y坐標,并且顯示
在創(chuàng)建對象之前,要保存好原來的title,然后清空對象的title,并在鼠標移出前,將title賦值回去
但是預覽后發(fā)現(xiàn)效果中自制的提示離鼠標的距離太近,有時候會引起無法提示的問題,于是加入以下代碼即可。
為了讓提示跟著鼠標走,在加上下面一段代碼
END
看了“如何給超鏈接添加提示”的人還看了