|
55 | 55 | }); |
56 | 56 |
|
57 | 57 | element.width( 150 ); |
58 | | - $( document ).on( "mousemove", function( event ) { |
59 | | - var base = { |
| 58 | + function positionWithOffset( horizontal, vertical ) { |
| 59 | + return { |
60 | 60 | my: "left top", |
61 | | - at: "left top", |
| 61 | + at: "left" + (horizontal < 0 ? horizontal : "+" + horizontal) + " " + |
| 62 | + "top" + (vertical < 0 ? vertical : "+" + vertical), |
62 | 63 | of: target, |
63 | 64 | using: using |
64 | 65 | }; |
65 | | - element.position( $.extend({ |
66 | | - offset: (event.pageX - targetOffset.left) + " " + (event.pageY - targetOffset.top) |
67 | | - }, base )); |
68 | | - oppositeElement.position( $.extend({ |
69 | | - offset: (-1 * (event.pageX - targetOffset.left)) + " " + (-1 * (event.pageY - targetOffset.top)) |
70 | | - }, base )); |
71 | | - leftElement.position( $.extend({ |
72 | | - offset: (-0.9 * (event.pageX - targetOffset.left)) + " " + (0.9 * (event.pageY - targetOffset.top)) |
73 | | - }, base )); |
74 | | - rightElement.position( $.extend({ |
75 | | - offset: (0.9 * (event.pageX - targetOffset.left)) + " " + (-0.9 * (event.pageY - targetOffset.top)) |
76 | | - }, base) ); |
| 66 | + }; |
| 67 | + $( document ).on( "mousemove", function( event ) { |
| 68 | + element.position( positionWithOffset( |
| 69 | + event.pageX - targetOffset.left, event.pageY - targetOffset.top ) ); |
| 70 | + oppositeElement.position( positionWithOffset( |
| 71 | + -1 * (event.pageX - targetOffset.left), -1 * (event.pageY - targetOffset.top) ) ); |
| 72 | + leftElement.position( positionWithOffset( |
| 73 | + -0.9 * (event.pageX - targetOffset.left), 0.9 * (event.pageY - targetOffset.top) ) ); |
| 74 | + rightElement.position( positionWithOffset( |
| 75 | + 0.9 * (event.pageX - targetOffset.left), -0.9 * (event.pageY - targetOffset.top) ) ); |
77 | 76 | }); |
78 | 77 | }); |
79 | 78 | </script> |
|
0 commit comments