1. 程式人生 > >滑鼠指標

滑鼠指標

一,滑鼠指標的應用
分析:
1)新增div元素的滑鼠移動事件
2)小球元素的left屬性值的計算
定義變數moveX存放小球的left屬性值
moveX = pageX - 矩形.offsetLeft - 小球寬度/2
3)小球元素的top屬性值計算
定義變數moveY存放小球的top 屬性值
moveY = pageY - 矩形.offsetTop - 小球高度/2
4)小球水平和垂直臨界點位置
水平:
如果moveX值小於等於0;則小球的left屬性值都為0;
如果moveX值大於等於(矩形的寬度 - 小球的寬度);則小球的left屬性值都為(矩形的寬度 - 小球的寬度);
水平:
如果moveX值小於等於0;則小球的left屬性值都為0;
如果moveX值大於等於(矩形的寬度 - 小球的寬度);則小球的left屬性值都為(矩形的寬度 - 小球的寬度);