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