給超連結新增提示的方法
General 更新 2024年11月24日
在大部分瀏覽器中,超連結都自帶了提示功能,但是提示的響應速度太慢,需要自己去自定義提示。本文小編主要介紹!
先看一下原始的超連結提示效果,程式碼如下:
<a id="title" href="#" title="文字提示">文字提示</a>
缺點:響應速度慢,並且不能隨著滑鼠的移動而移動
引入jquery,加入滑鼠的移入移出操作
建立div,並將div加入到文件中,並設定x、y座標,並且顯示
在建立物件之前,要儲存好原來的title,然後清空物件的title,並在滑鼠移出前,將title賦值回去
但是預覽後發現效果中自制的提示離滑鼠的距離太近,有時候會引起無法提示的問題,於是加入以下程式碼即可。
為了讓提示跟著滑鼠走,在加上下面一段程式碼
END
網頁中如何製作圖片的擠壓效果