給超連結新增提示的方法

  在大部分瀏覽器中,超連結都自帶了提示功能,但是提示的響應速度太慢,需要自己去自定義提示。本文小編主要介紹!

  

  先看一下原始的超連結提示效果,程式碼如下:

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

  缺點:響應速度慢,並且不能隨著滑鼠的移動而移動

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

  建立div,並將div加入到文件中,並設定x、y座標,並且顯示

  在建立物件之前,要儲存好原來的title,然後清空物件的title,並在滑鼠移出前,將title賦值回去

  但是預覽後發現效果中自制的提示離滑鼠的距離太近,有時候會引起無法提示的問題,於是加入以下程式碼即可。

  為了讓提示跟著滑鼠走,在加上下面一段程式碼

  END