? ? ? ?在現(xiàn)代的瀏覽中,它們自帶了超鏈接提示,但這個(gè)提示效果的響應(yīng)速度是非常緩慢的,考慮到良好的人機(jī)交互,需要當(dāng)鼠標(biāo)移動(dòng)到超鏈接的一瞬間就出現(xiàn)提示。
原圖(未觸發(fā)事件的效果圖):

事件觸發(fā)效果圖:


實(shí)現(xiàn)這個(gè)效果的具體思路:
1、當(dāng)鼠標(biāo)滑入超鏈接
? ? (1)創(chuàng)建一個(gè)div元素,其內(nèi)容為title屬性的值
? ? (2)將創(chuàng)建的元素追加到文檔中
? ? (3)設(shè)置x坐標(biāo)和y坐標(biāo),使它顯示在鼠標(biāo)位置的旁邊
2、當(dāng)鼠標(biāo)滑出超鏈接是,移除div元素
3、當(dāng)鼠標(biāo)在超鏈接上移動(dòng)時(shí),提示效果跟鼠標(biāo)一起移動(dòng)
html代碼:

css代碼:

js代碼:

