首先,我們要清楚幾個基礎的知識,angular的兩個鼠標移入移出的指令------ng-mouseover(鼠標移入)ng-mouseleave(鼠標移出)--------還有就是window.event.x | window.event.y來獲取鼠標的坐標x,y。
我是這么實現的,首先我們在html頁面上綁定鼠標移入移出事件(因為是前端小白,大神們歡迎指正,相互學習哦),下面是我的源碼
下面是鼠標懸浮的小div
js如下圖
給div的position設置成固定定位,然后修改它的top的值為鼠標y的值,left的值設置為鼠標x軸的距離減去div 寬度的一半,喜歡什么樣式子自己設置哦,有什么問題歡迎留言,喜歡前端的小伙伴們關注我一起學習進步